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