图片滚动
下载地址
0.http://www.dowebok.com/188.html
1、引入文件
<link rel="stylesheet" href="/css/liMarquee.css">
<script src="/js/jquery-1.9.0.min.js"></script>
<script src="/js/jquery.liMarquee.js"></script>
2、HTML
<div class="dowebok">
<a href="javascript:">Smoothslides – 可平移的jQuery幻灯片插件</a>
<a href="javascript:">jQuery全屏滚动插件fullPage.js</a>
<a href="javascript:">WOW.js – 让页面滚动更有趣</a>
<a href="javascript:">让IE7 IE8支持CSS3 background-size属性</a>
<a href="javascript:">shCircleLoader – jQuery Loading效果插件</a>
</div>
3、JavaScript
$(function(){
$('.dowebok').liMarquee();
});
配置
名称 | 类型 | 默认值 | 说明 |
direction | 字符串 | left | |
loop | 整数 | -1 | 循环次数,-1 为无限循环 |
scrolldelay | 整数 | 0 | 每次重复之前的延迟 |
整数 | 50 | 滚动速度,越大越快 | |
布尔值 | true | 无缝滚动,如果为 false,则和 marquee 效果一样 | |
布尔值 | true | 鼠标可拖动 | |
布尔值 | true | 内容不足是否滚动 | |
布尔值 | true | 鼠标悬停暂停 | |
xml | 布尔值 | false | 加载 xml 文件 |
布尔值 | false | 反向,即默认不滚动,鼠标悬停滚动 |