jQuery图片文字无间断滚动插件YLMarquee
演示 下载YLMarquee 是彦磊基于 jQuery 制作的一款图片、文字平滑无间断滚动插件,该插件可以轻松实现图片或文字向左或向右滚动,可设定可见元素个数及容器的宽度、高度。YLMarquee CPU 占用率极低,兼容 IE6、IE7、IE8、火狐、谷歌等众多浏览器。使用方法引入文件HTML
·
YLMarquee 是彦磊基于 jQuery 制作的一款图片、文字平滑无间断滚动插件,该插件可以轻松实现图片或文字向左或向右滚动,可设定可见元素个数及容器的宽度、高度。YLMarquee CPU 占用率极低,兼容 IE6、IE7、IE8、火狐、谷歌等众多浏览器。
使用方法
引入文件
<script src="js/jquery.min.js"></script> <script src="js/YLMarquee-1.1.js"></script>
HTML
<div id="scroll"> <ul> <li><img src="images/img1.jpg" alt="" /></li> <li><img src="images/img2.jpg" alt="" /></li> <li><img src="images/img3.jpg" alt="" /></li> <li><img src="images/img4.jpg" alt="" /></li> <li><img src="images/img5.jpg" alt="" /></li> </ul> </div>
JavaScript
$("#scroll").YlMarquee({ visible : 2 });
参数
参数 | 说明 |
---|---|
visible | 页面可见元素(图片)个数,默认为 3,必须参数 |
step | 滚动速度,整数,默认为 3,数值越大滚动速度越快;若为 0,则不滚动 |
vertical | 滚动方向,有”true”(向上滚动)和”false”(向左滚动)两个参数,默认为 false |
width | 容器的宽度,不指定则由插件自动计算并覆盖 CSS 样式中的宽度(建议设置为 CSS 的宽度) |
height | 容器的宽度,不指定则由插件自动计算并覆盖 CSS 样式中的高度(建议设置为 CSS 的高度) |
textMode | 文字模式(默认为图片模式),当滚动内容为文字时,请指定为 true |
标签:jQuery插件
http://www.dowebok.com/10.html
更多推荐
已为社区贡献1条内容
所有评论(0)