关于如何使用js不断循环上下滚动？

发布网友

我来回答

共2个回答

热心网友

<script type="text/javascript">
$(document).ready(function() {
var Top = -400; //定义一个向上移动的距离，这个数值和你图片或DIV的高度相等 
var Time = 500; //定义一个速度 
function move() {
if ($("#box").is(":animated")) return;
$("#box").animate({
"margin-top": Top
}, Time); //animate方法，只能对数值型的值进行渐变 
Top += -400; //运行一次增加一个图片的高度 
if (Top == -800) //判断当总高度大于你DIV或者图片总高度 
{
Top = 0; //把距离设置回0 
Time = 500; //加快移动速度 
} else {
Time = 500; //否则减慢速度 
}
}
setInterval(move, 6000); //3秒执行一次move() 
})
</script>

热心网友

你把

Top+=-400;//运行一次增加一个图片的高度 

if(Top==-800)//判断当总高度大于你DIV或者图片总高度 

。。。。。。

setInterval(move,6000);//3秒执行一次move()

这些放到这个里面，位置在animate({"margin-top":Top},Time,function(){  });

function后面的{}里面试试。。。

因为放外面animit函数会和后面的代码同时执行，容易出现错误