jQuery文字图片无缝滚动

所属分类:UI-滚动

 32902  345  查看评论 (9)
分享到微信朋友圈
X
jQuery文字图片无缝滚动 ie兼容6

使用方法

引用两个文件即可

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

html

<div class="myscroll">
	<ul>
		<li><a href="#"><img src="images/1.png" alt=""></a></li>
		<li><a href="#"><img src="images/2.png" alt=""></a></li>
		<li><a href="#"><img src="images/3.png" alt=""></a></li>
	</ul>
</div>

js

$(function(){
	$('.myscroll').myScroll({
		speed: 10, //数值越大,速度越慢
		rowHeight: 250 //li的高度
	});
});
相关插件-滚动

jQuery元素滚动监听插件xRoll.js

xRoll.js 元素滚动监听插件 元素出现在窗口的时候在执行自定义的函数
  滚动
 23676  324

CSS3 滚动视觉差效果加返回顶部

CSS3 滚动视觉差效果+返回顶部.
  滚动
 41951  391

jquery无缝滚动

真正的无缝滚动
  滚动
 74392  524

jQuery美化滚动条插件mCustomScrollbar

mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件,它可以让你灵活的通过 CSS 定义网页的滚动条,并且垂直和水平两个方向的滚动条都可以定义
  滚动
 32637  335

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

    chenvar 0
    2022/6/15 16:19:24
    L 0
    2020/7/24 17:21:29
    各位大佬 文字滚动 有抖动问题 怎么处理 回复
    Empty 0
    2020/4/27 15:11:15
    插件很好用,但是文字版有个小问题,就是滚动的时候感觉有点抖动,不清楚是否能够优化一下 回复
    你真“林艳” 0
    2020/4/19 12:26:02
    $('.myscroll').myScroll({
        speed: 10, //数值越大,速度越慢
        rowHeight: 250 //li的高度
    });

    这段要是写成方法会累加速度,越来越快。怎么解决啊

        Weirdo0
        2022/3/11 9:49:28
        你的问题后面解决了吗
    回复
    _ 0
    2020/2/26 12:31:56
    安卓浏览器不滚动是什么原因呢?
        areyouOk0
        2020/2/26 13:21:51
        这里测试没有问题,安卓都是chorme内核浏览器兼容性都是很好的。
    回复
    曾越 0
    2019/9/5 11:56:08
    给力,插件很好用 回复
    梦的太深 0
    2019/4/7 10:35:55
    赞一个,感谢分享 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复