JS图片停留滚动效果
我想让我的7张图片在一个DIV里面显示并无限循环无间隙滚动,这个图片滚动要每滚动一张图片就停留3秒,哪位帮我下!...
我想让我的 7张图片 在一个DIV里面显示并 无限循环无间隙滚动,这个图片滚动要每滚动一张图片 就停留3秒,哪位帮我下!
展开
1个回答
2013-09-23
展开全部
使用jquery吧,很容易解决注意要包含jquery.js,网上下载吧,很多的。具体实现如下:
<script src="jquery.js"></script>
<script>
function AutoScroll(obj){
$(obj).find("ul:first").animate({
marginTop:"-25px"
},500,function(){
$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
});
}
$(document).ready(function(){
setInterval('AutoScroll("#scrollDiv")',2000);
)};
</script>
<div id="scrollDiv">
<ul>
<li>滚动内容</li>
</ul>
</div>
<script src="jquery.js"></script>
<script>
function AutoScroll(obj){
$(obj).find("ul:first").animate({
marginTop:"-25px"
},500,function(){
$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
});
}
$(document).ready(function(){
setInterval('AutoScroll("#scrollDiv")',2000);
)};
</script>
<div id="scrollDiv">
<ul>
<li>滚动内容</li>
</ul>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询