图片平滑滚动技术

在此页面中大量使用了Jquery框架技术。包括多条热门信息轮显、图片平滑滚动展示、收缩的展示效果和二级菜单栏等。下面笔者对这些技术进行详细讲解。

本部分知识中比较简单的是图片平滑滚动展示窗口。实现这个功能需要使用HTML5中的<MARQUEE/ MARQUEE>标签对，此标签对指定图片按指定方向、指定大小和指定移动速度滚动，是PUP Web开发中比较常用的开发手段。此标签的语法格式如下:

<MARQUEE DIRECTION-LEFT BEHAVIOR-alternate SCROLLAMOUNT-1 SCROLLDELAY-200></MARQUEE>

参数说明如下。

DIRECTION:指定初始滚动的方向。

BEHAVIOR:设置滚动方式。

SCROLLAMOUNT:侮次滚动的像素数。

SCROLLDELAY:每隔多长时间滚动一次。

其他的特效都是采用jQuery框架和CSS+DIV知识来实现的。