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

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

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

淘建站为您提供更多_图片代码_图片滚动_滚动_marquee,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 309 次

下载资源

56 积分

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

演示一:默认效果

<div class="sucaiq">
    <a href="http://www.sucaiq.com/js/580.html" target='_blank'>jQuery幸运水果机</a>
    <a href="http://www.sucaiq.com/js/581.html" target='_blank'>jquery霓虹灯转盘加抽奖提示弹出层</a>
    <a href="http://www.sucaiq.com/js/582.html" target='_blank'>jQuery大风车转盘转起来</a>
    <a href="http://www.sucaiq.com/js/583.html" target='_blank'>jQuery抽奖转盘停不下来</a>
    <a href="http://www.sucaiq.com/js/584.html" target='_blank'>jQuery手机幸运大转盘抽奖</a>
</div>

引入并调用无缝滚动插件liMarquee.js

<script src="js/jquery.liMarquee.js"></script>
<script>
    $(function() {
        $('.sucaiq').liMarquee();
    });
</script>

演示二:向右滚动

$('.sucaiq').liMarquee({
    direction: 'right'
});

演示三:控制滚动速度

$('.sucaiq').liMarquee({
    scrollamount: 200
});

演示五:非无缝滚动

$('.sucaiq').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

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/806.html
liMarquee演示12种不同的无缝滚动效果 希望对你有帮助,感谢您的支持!
  • css3滚动的圆球动画特效

    css3滚动的圆球动画特效

  • DIV+CSS制作有趣的页面滚动让猫奔跑的动画

    DIV+CSS制作有趣的页面滚动让猫奔跑的动画

  • marquee.js插件演示9种jQuery滚动效果

    marquee.js插件演示9种jQuery滚动效果

  • jQuery+multiscroll鼠标滚动全屏图

    jQuery+multiscroll鼠标滚动全屏图

  • jQuery支持鼠标滚动的垂直滚动手风琴

    jQuery支持鼠标滚动的垂直滚动手风琴

  • 简单的jQuery无缝向上滚动效果

    简单的jQuery无缝向上滚动效果

  • jQuery网页底部阴影浮动层文字滚动

    jQuery网页底部阴影浮动层文字滚动

  • jquery banner滑块导航条幻灯片轮播图片滚动

    jquery banner滑块导航条幻灯片轮播图片滚动

  • jquery hScrollPane水平滚动条美化插件商品图片横行展示

    jquery hScrollPane水平滚动条美化插件商品图片横行展示

  • Jquery实现滚动条滚动到底部加载内容

    Jquery实现滚动条滚动到底部加载内容

  • jQuery滚动页面数字增加动画效果

    jQuery滚动页面数字增加动画效果

  • jQuery带数字索引的左右图片滚动切换代码

    jQuery带数字索引的左右图片滚动切换代码

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2