dowebok

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

分类:代码 日期: 点击(9,990) 评论(2)

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

演 示 下 载

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

演 示 下 载

标签:

相关文章