jQuery的文本无缝循环滚动

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

 35397  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>
相关插件-滚动,动画效果

javript自定义滚动条

用原生的javript写的自定义滚动条具有拖拽,滚轮事件和键盘事件
  滚动
 32709  356

jQuery滚轮控制轮播图上下切换(原创)

jQuery滚轮控制轮播图上下切换,简单实用
  滚动
 39598  341

jQuery滚动堆叠插件jquery.stacked-strips.js

为您的一页滚动网站和单页应用程序创建堆叠滚动效果。当您向下滚动网页时,插件可以逐个滚动固定的页面部分。
  滚动
 28347  328

向下滚动加载动画特效插件AOS

向下滚动网页加载动画特效插件AOS
  滚动
 37266  435

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