liMarquee 是一款基于 jQuery 的无缝滚动插件,和marquee.js滚动插件类似。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。
0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值
演示一:默认效果
<div class="erdangjiade">
<a href="http://www.erdangjiade.com/js/580.html" target='_blank'>jQuery幸运水果机</a>
<a href="http://www.erdangjiade.com/js/581.html" target='_blank'>jquery霓虹灯转盘加抽奖提示弹出层</a>
<a href="http://www.erdangjiade.com/js/582.html" target='_blank'>jQuery大风车转盘转起来</a>
<a href="http://www.erdangjiade.com/js/583.html" target='_blank'>jQuery抽奖转盘停不下来</a>
<a href="http://www.erdangjiade.com/js/584.html" target='_blank'>jQuery手机幸运大转盘抽奖</a>
</div>
引入并调用无缝滚动插件liMarquee.js
<script src="js/jquery.liMarquee.js"></script>
<script>
$(function() {
$('.erdangjiade').liMarquee();
});
</script>
演示二:向右滚动
$('.erdangjiade').liMarquee({
direction: 'right'
});
演示三:控制滚动速度
$('.erdangjiade').liMarquee({
scrollamount: 200
});
演示五:非无缝滚动
$('.erdangjiade').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 |
友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群