jquery一个接一个地动画？

Question

即时新在这里，并会非常期待帮助HTML和CSS的问题。林新jquery和我的问题是这样的。我想动画DIV1然后DIV2然后陆续DIV3上，到目前为止，我有这个..

$(document).ready(function(){ 
    $('div1').animate({top:119},1500, function() { 
    $('div2').fadeIn('slow') 
    }); 
}); 

如何以及在哪里我会插入$('div3').fadeIn('slow')？

非常感谢

Answer 1

.fadeIn()接受一个回调参数，就像.animate()，让你可以做

$('#div1').animate({top:119}, 1500, function() { 
    $('#div2').fadeIn('slow', function() { 
     $('#div3').fadeIn('slow'); 
    }); 
}); 

Answer 2

没有为.fadeIn()方法的回调函数。你可以在回调中添加你的下一个淡入淡出。

$(document).ready(function(){ 
    $('div1').animate({top:119},1500, function() { 
    $('div2').fadeIn('slow', function() { 
     $('div3').fadeIn('slow'); 
    }); 
    }); 
}); 

Answer 3

你可以做这样的事情

$(document).ready(function(){ 
$('div1').animate({top:119},1500, function() { 
$('div2').fadeIn('slow', function() {$('div3').fadeIn('slow')}) 
}); 
});