jQuery文字图片无缝滚动

插件特效
2026-07-25 22:58 4 次浏览 • 0 次下载 21.2KB
jQuery文字图片无缝滚动

使用方法

引用两个文件即可

1
2
<script src="js/scroll.js"></script>

html

1
2
3
4
5
6
7
<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

1
2
3
4
5
6
$(function(){
$('.myscroll').myScroll({
speed: 10, //数值越大,速度越慢
rowHeight: 250 //li的高度
});
});