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