全部
全部 教程 模板 代码 软件 办公 文章
liMarquee演示12种不同的无缝滚动效果

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

添加时间：2021-03-14 16:03:20
站长推荐丨赞助论坛，可获取海量资源终身免费下载权限奥!
赞助一下
举报 举报
收藏
预览
附件 附件
  • 模板类型模板类型：图片滚动
  • 模板颜色模板颜色：中级
  • 下载积分下载积分：28 米粒
  • 下载权限下载权限：

    赞助会员

当前位置：

  • 前端特效
  • 图片代码

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

    分类：图片代码 > 图片滚动 难易：中级

    演示一：默认效果

    <div class="sucaihuo">
    <a href="https://jy.tp.yuanmeng.life/js/580.html" target='_blank'>jQuery幸运水果机</a>
    <a href="https://jy.tp.yuanmeng.life/js/581.html" target='_blank'>jquery霓虹灯转盘加抽奖提示弹出层</a>
    <a href="https://jy.tp.yuanmeng.life/js/582.html" target='_blank'>jQuery大风车转盘转起来</a>
    <a href="https://jy.tp.yuanmeng.life/js/583.html" target='_blank'>jQuery抽奖转盘停不下来</a>
    <a href="https://jy.tp.yuanmeng.life/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
    上一篇：jQuery支持鼠标拖动360度全方位浏览图片
    下一篇：jQuery幻灯片插件FlexSlider
    相关内容推荐
    资源求助发帖
    查看更多发帖

    回帖

    *

    回帖描述：

    *

    链接类型：

    *

    下载链接：

    密码：
    发帖规则：回帖内容为会员之间的私信，普通网友无法查看。
    免责声明：回帖中提供的链接内容仅供会员之间学习参考使用，获取内容后请在法律法规范围内使用。回帖提供的内容应符合法律法规要求，不得违反法律法律的要求。
    站点权责：回帖内容如违反法律法规，站点有权封停账号使用权利。对用户举报的内容，站点有责任及时删除违规内容。
    热点内容推荐

    发帖找资源

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

    *

    描述：
    平均回复时间：3-10分钟
    规则介绍：悬赏寻求论坛网友分享资源，站点对分享内容的准确性，合法性，版权等没有足够的监管能力。如果您发现资源不正确，无法使用，不符合法律法律等情况，您可以直接举报资源。站长将尽快核实您的举报，并根据情况，采取封号，退换米粒等处理。

    回帖

    *

    回帖描述：

    *

    链接类型：

    *

    阅读权限：

    *

    下载链接：

    密码：
    发帖规则：回帖内容为会员之间的私信，普通网友无法查看。
    免责声明：回帖中提供的链接内容仅供会员之间学习参考使用，获取内容后请在法律法规范围内使用。回帖提供的内容应符合法律法规要求，不得违反法律法律的要求。
    站点权责：回帖内容如违反法律法规，站点有权封停账号使用权利。对用户举报的内容，站点有责任及时删除违规内容。
    • 背景波浪
    • 背景波浪
    • 波浪
    • 波浪
    互联网
    IT编程
    技能技巧
    学习教程
    干货福利
    职业考试

    • 微信客服微信客服
    • qq客服QQ客服
    • qq群QQ群

    聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6

    Copyright(C)web.com, All Rights Reserved.

    客服
    在线咨询
    周一 至 周日 9:00 ~ 22:00
    QQ：1326974360
    微信：juyoubuluo6688
    客服热线
    18205485173
    工作日 9:00 ~ 18:00
    微信扫码咨询
    客户服务
    欢迎咨询服务
    咨询量较多时，请耐心等待
    福利
    福利
    社群

    关注公众号

    获取更多资讯

    扫码进群(QQ)

    与更多大牛交流沟通

    反馈
    0.094188s