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')}) 
}); 
});