liMarquee演示12种不同的无缝滚动效果

来源:https://www.sucaihuo.com/js/806.html 2016-02-27 19:37浏览(2642) 收藏

liMarquee 是一款基于 jQuery 的无缝滚动插件,和marquee.js滚动插件类似。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。
liMarquee演示12种不同的无缝滚动效果
分类:图片代码 > 图片滚动 难易:中级
查看演示 下载资源 下载积分: 20 积分

演示一:默认效果

<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
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2