[代码样式]jQuery图片文字无间断滚动插件YLMarquee

脚本代码
20年11月20日
编辑

YLMarquee 是彦磊基于 jQuery 制作的一款图片、文字平滑无间断滚动插件，该插件可以轻松实现图片或文字向左或向右滚动，可设定可见元素个数及容器的宽度、高度。YLMarquee CPU 占用率极低，兼容 IE6、IE7、IE8、火狐、谷歌等众多浏览器。

使用方法

引入文件

<script src="https://www.dowebok.com/js/jquery.min.js"></script>
<script src="https://www.dowebok.com/js/YLMarquee-1.1.js"></script>

HTML

<div id="scroll">
    <ul>
        <li><img src="https://www.dowebok.com/images/img1.jpg" alt="" /></li>
        <li><img src="https://www.dowebok.com/images/img2.jpg" alt="" /></li>
        <li><img src="https://www.dowebok.com/images/img3.jpg" alt="" /></li>
        <li><img src="https://www.dowebok.com/images/img4.jpg" alt="" /></li>
        <li><img src="https://www.dowebok.com/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