最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

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

来源:http://www.erdangjiade.com/ 沐浴春风 2016-02-27 19:37浏览(1696)

liMarquee 是一款基于 jQuery 的无缝滚动插件,和marquee.js滚动插件类似。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

liMarquee演示12种不同的无缝滚动效果
分类:图片代码 > 图片滚动 难易:中级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 30 积分

演示一:默认效果

<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
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/806.html
评论0
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

1 2