jQuery文字无限循环滚动插件fontscroll.js

所属分类:UI-滚动

 35932  350  查看评论 (5)
分享到微信朋友圈
X
jQuery文字无限循环滚动插件fontscroll.js ie兼容6

使用方法

引用所需要的文件

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/fontscroll.js"></script>

html

<div id="FontScroll">
    <ul>
        <li><a href="#">第1条 jQuery是一个快速、简洁的JavaScript框架</a></li>
        <li><a href="#">第2条 它封装JavaScript常用的功能代码</a></li>
        <li><a href="#">第3条 具有独特的链式语法和短小清晰的多功能接口</a></li>
        <li><a href="#">第4条 具有高效灵活的css选择器</a></li>
        <li><a href="#">第5条 并且可对CSS选择器进行扩展</a></li>
        <li><a href="#">第6条 并且已经支持CSS选择符</a></li>
        <li><a href="#">第7条 事件处理和AJAX交互</a></li>
        <li><a href="#">第8条 微软和诺基亚公司正式宣布支持开源的jQuery库</a></li>
        <li><a href="#">第9条 使用原生的JSON.parse解析json对象</a></li>
    </ul>
</div>

js

$(function(){
    $('#FontScroll').FontScroll({time: 2000,num: 1});
});

time为滚动间隔时间

相关插件-滚动

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

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

类似fullPage的全屏滚动插件

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

jquery逐条文字向上滚动

jquery逐条文字向上滚动效果
  滚动
 50818  426

页面过度效果大集合(推荐!)

jQuery页面过度效果大集合
  滚动
 75890  1337

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    .糖果布丁? 0
    2021/1/1 15:53:29
    无法两个同时使用 回复
    willi 0
    2020/11/30 17:19:05
    高度增加的时候,貌似不能无限滚动。内容少了,后面就不显示内容了。求解。谢谢。 回复
    苏格拉底没有底 0
    2020/7/2 16:36:07
    erchenche 0
    2019/10/8 16:47:31
    陪伴是最长情的告白 0
    2018/12/3 11:41:05
    这个很棒呀,比标签的好多了
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复