jQuery文字图片无缝滚动

所属分类:UI-滚动

 32829  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的高度
	});
});
相关插件-滚动

自定义滚动条

自定义滚动条,实现滚轮滚动内容
  滚动
 58853  415

双向垂直上下滚动

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

js美化div滚动条并兼容IE8

js美化div滚动条并兼容IE8
  滚动
 62312  521

jQuery双锚点自动定位

jQuery滚动自自动锚点定位
  滚动
 35466  420

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