js上下滚动代码,最小化网页再打开,就很快滚动不停。
发布网友
发布时间：2022-04-23 12:30
共2个回答
热心网友
时间：2022-04-23 13:59
$(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>
热心网友
时间：2022-04-23 15:17
你把
Top+=-400;//运行一次增加一个图片的高度
if(Top==-800)//判断当总高度大于你DIV或者图片总高度
。。。。。。
setInterval(move,6000);//3秒执行一次move()
这些放到这个里面，位置在animate({"margin-top":Top},Time,function(){ });
function后面的{}里面试试。。。
因为放外面animit函数会和后面的代码同时执行，容易出现错误
$("#box").animate({"margin-top":Top},Time,function(){Top+=-400;//运行一次增加一个图片的高度
if(Top==-800)//判断当总高度大于你DIV或者图片总高度
{
Top=0;//把距离设置回0
Time=500;//加快移动速度
}
else
{
Time=500;//否则减慢速度
}
}
setInterval(move,6000);//3秒执行一次move()
});
