jQuery的文本无缝循环滚动

所属分类:UI,其他-滚动,动画效果

 35653  416  查看评论 (6)
分享到微信朋友圈
X
jQuery的文本无缝循环滚动 ie兼容8

txtscroll.js 

txtscroll.js是一个基于jQuery的文本无缝循环滚动插件,使用插件之前需要引入jQuery。

特性

  • 支持jQuery3.3+ 

  • 支持移动端 

  • 支持响应式 

  • 支持鼠标悬浮停止

参数

参数默认值说明
speed50滚动间隔时间,每次滚动距离为1px

使用

<div class="txt-scroll">
    <div class="scrollbox">
        <div class="txt">
           txtscroll.js是一个基于jQuery的文本无缝循环滚动插件
        </div>
    </div>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/txtscroll.js"></script>
<script>
  $('.txt-scroll').txtscroll({
'speed': 50
  });
</script>
相关插件-滚动,动画效果

jQuery自定义滚动条插件

支持IE9及以上,360,谷歌,火狐的自定义滚动条,可以设置滚动条的初始位置以及滚动条的颜色等
  滚动
 27184  316

jQuery全屏视差滚动效果

jQuery全屏视差滚动效果
  滚动
 44957  434

jquery模拟滚动条(未封装)

jquery模拟滚动条,支持自定义滚动条样式,兼容pad,web手机端未测试;支持同一网页多个滚动条;支持添加和删除(本人对封装不太了解,未封装)
  滚动
 38800  340

仿mac风格滚动条

经典仿mac风格滚动条
  滚动
 43249  401

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ゆ久醉绕心弦 0
    2020/12/4 10:20:53
    文字不够一整行就不滚动了呢 回复
    lant 0
    2020/6/9 18:26:26
    幸福最晴天 0
    2020/1/15 15:42:53
    为什么把文字改成动态加载的就不滚动了呢
        ゆ久醉绕心弦0
        2020/12/4 10:21:33
        可能文字不够一行 他这个有问题
    回复
    Rouboci 0
    2019/10/14 9:49:40
    俗人 0
    2019/1/3 14:06:45
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复