注册 | 登录 | 网址 欢迎访问八百站长

jQuery图片文字无间断滚动插件YLMarquee

2017/5/7 6:30:14 作者:站长日记 来源:http://www.dowebok.com/10.html 浏览:1547次

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