jQuery的文本无缝循环滚动

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

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

仿百度知道(滚动固定标题)插件

仿百度知道滚动固定标题,点击标题滚动到内容块
  滚动
 24406  369

仿股市表格实时轮播

这是一款简单的不需要任何外部插件的轮播效果图
  滚动
 37979  405

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

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

类似fullPage的全屏滚动插件

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

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