信游平台登陆

注册 | 登录 | 网址 接待拜候八百站长

jQuery图片笔墨无中断转动插件YLMarquee

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

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