jQuery文字图片无缝滚动

所属分类:UI-滚动

 34023  346  查看评论 (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的高度
	});
});
相关插件-滚动

css3页面鼠标纵向滑动效果

css3页面鼠标纵向滑动效果
  滚动
 64194  483

简洁的jQuery滚动条插件scrollBar.js

本插件会将容器中滚动条样式进行统一,通过修改css任意改变滚动条的宽度与颜色,实现自定义滚动条的目的。
  滚动
 63081  383

jQuery横向全屏切换滚动

jQuery横向全屏切换滚动兼容ie6
  滚动
 49898  456

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

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

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