售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 行业新闻

图片平滑滚动技术

网站编辑:小润 | 发表时间:2019-01-18 15:50:47

图片平滑滚动技术


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

关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区7层
+021-8031 0607
+135 8590 1130