素材牛

jQuery的文本无缝横向循环滚动

 所属分类:网页特效-文字/按钮,滚动/拖拽

 浏览:221次-  下载:1次-  评论:0次-  发布时间:2018-12-21
jQuery的文本无缝横向循环滚动兼容IE8
积分说明:注册即送5牛币,每天签到可获得5牛币,第三方账号登陆、注册直接赠送20牛币!    我要充值   更多积分说明»
素材描述:txtscroll.js是一个基于jQuery文本无缝循环滚动插件

详细介绍

txtscroll.js 

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

特性

  • 支持jQuery3.3+ 

  • 支持移动端 

  • 支持响应式 

  • 支持鼠标悬浮停止

参数

参数 默认值 说明
speed 50 滚动间隔时间,每次滚动距离为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>

文件目录结构

  • css
    • ┝ style.css
  • images
    • ┝ ico-notice.png
  • ┝ index.html
  • js
    • ┝ jquery-3.3.1.min.js
    • ┝ txtscroll.js

讨论这个素材(0)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:1
所需牛币:5 开始下载

牛币获取:可通过签到、评论、充值、发布素材获得 » 牛币充值

会员账号
会员密码
安全验证