我将这个 JavaScript/jQuery 动画函数放在这里,我希望它使用 window.onload = function(){}
对每个 3000
进行循环,但对于一些它不起作用的原因。我认为 可能 语法/基础错误,因为我是 javascript 的新手,但如果我应该使用不同的方法,请告诉我。这是我的代码:
function animTile(){
$(".main-content").delay(3000).animate({
top: "100%"
});
$(".secondary-content").delay(3000).animate({
top: "0"
});
}
window.onload = function(){
animTile(); setInterval(animTile, 3000);
}
编辑:
也许这也能有所帮助。这是我的 CSS 代码:
#wrap {
display: block;
height: 328px;
width: 568px;
overflow: hidden;
}
#wrap .main-content {
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0%;
}
#wrap .secondary-content {
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 100%;
}
最佳答案
尝试这样的事情:
function animTile(){
$(".main-content").delay(3000).animate({
top: "100%"
});
$(".secondary-content").delay(3000).animate({
top: "0"
});
animTileTwo();
}
function animTileTwo(){
$(".main-content").delay(3000).animate({
top: "0"
});
$(".secondary-content").delay(3000).animate({
top: "100%"
});
}
window.onload=function(){
setInterval("animTile()", 3000);
}
关于javascript - 试图让函数与 window.onload 循环但不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13522728/