jquery动画问题

Question

我试图让萤火虫褪色，褪色然后消失。 我正在使用下面的代码，但最终的动画似乎在脉动效果之前开始。如果我移除脉动，它也可以。想法？

$('#fireflies').animate({'opacity':1}, 20000)
  .effect('pulsate', { times:6 }, 3500)
  .animate({'opacity':0}, 20000);

Answer 1

您应该使用回调链接这些。这样，下一个效果将不会排队，直到前一个效果完成。

$('#fireflies').animate({'opacity':1}, 20000, function() {
     $(this).effect('pulsate', { times:6 }, 3500, function() {
         $(this).animate({'opacity':0},20000);
     });
});