jQuery的文本无缝循环滚动

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

 33681  415  查看评论 (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>
相关插件-滚动,动画效果

常用的根据高度自动切换效果

常用的根据高度自动切换效果 简单 下载下来之后可以直接是用 兼容性好 不存在兼容问题
  滚动
 27478  344

类似fullPage的全屏滚动插件

这是一款类似fullPage的全屏滚动插件,使用很简单
  滚动
 49337  415

双向垂直上下滚动

垂直滚动插件,可切换向上或向下方向滚动。
  滚动
 46364  374

css3页面鼠标纵向滑动效果

css3页面鼠标纵向滑动效果
  滚动
 63356  483

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