liMarquee 是一款基于 jQuery 的无缝滚动插件,和marquee.js滚动插件类似。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。
演示一:默认效果
<div class="sucaihuo">
<a href="http://www.sucaihuo.com/js/580.html" target='_blank'>jQuery幸运水果机</a>
<a href="http://www.sucaihuo.com/js/581.html" target='_blank'>jquery霓虹灯转盘加抽奖提示弹出层</a>
<a href="http://www.sucaihuo.com/js/582.html" target='_blank'>jQuery大风车转盘转起来</a>
<a href="http://www.sucaihuo.com/js/583.html" target='_blank'>jQuery抽奖转盘停不下来</a>
<a href="http://www.sucaihuo.com/js/584.html" target='_blank'>jQuery手机幸运大转盘抽奖</a>
</div>
引入并调用无缝滚动插件liMarquee.js
<script src="js/jquery.liMarquee.js"></script>
<script>
$(function() {
$('.sucaihuo').liMarquee();
});
</script>
演示二:向右滚动
$('.sucaihuo').liMarquee({
direction: 'right'
});
演示三:控制滚动速度
$('.sucaihuo').liMarquee({
scrollamount: 200
});
演示五:非无缝滚动
$('.sucaihuo').liMarquee({
circular: false
});
参数 | 描述 | 默认值 |
direction | 滚动方向,可选 left / right / up / down | left |
loop | 循环次数,-1 为无限循环 | -1 |
scrolldelay | 每次重复之前的延迟 | 0 |
scrollamount | 滚动速度,越大越快 | 50 |
circular | 无缝滚动,如果为 false,则和 marquee 效果一样 | true |
drag | 鼠标可拖动 | true |
runshort | 内容不足是否滚动 | true |
hoverstop | 鼠标悬停暂停 | true |
xml | 加载 xml 文件 | false |
inverthover | 反向,即默认不滚动,鼠标悬停滚动 | false |
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791