jQuery的文本无缝循环滚动

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

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

txtscroll.js 

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

特性

  • 支持jQuery3.3+ 

  • 支持移动端 

  • 支持响应式 

  • 支持鼠标悬浮停止

参数

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

使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<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>
相关插件-滚动,动画效果

fullpage平滑换页+css3酷炫导航

fullpage平滑换页+css3酷炫导航
  滚动
 38713  494

原生js向上滚动消息框

原生js封装的滚动消息框,简单实用
  滚动
 30520  329

jQuery自定义滚动条插件

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

zepto移动端全屏滚动

移动端整屏滚动效果
  滚动
 33472  300

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复