图片平滑滚动技术
在此页面中大量使用了Jquery框架技术。包括多条热门信息轮显、图片平滑滚动展示、收缩的展示效果和二级菜单栏等。下面笔者对这些技术进行详细讲解。
本部分知识中比较简单的是图片平滑滚动展示窗口。实现这个功能需要使用HTML5中的<MARQUEE/ MARQUEE>标签对,此标签对指定图片按指定方向、指定大小和指定移动速度滚动,是PUP Web开发中比较常用的开发手段。此标签的语法格式如下:
<MARQUEE DIRECTION-LEFT BEHAVIOR-alternate SCROLLAMOUNT-1 SCROLLDELAY-200></MARQUEE>
参数说明如下。
DIRECTION:指定初始滚动的方向。
BEHAVIOR:设置滚动方式。
SCROLLAMOUNT:侮次滚动的像素数。
SCROLLDELAY:每隔多长时间滚动一次。
其他的特效都是采用jQuery框架和CSS+DIV知识来实现的。