jquery动画问题

【问题标题】：jquery animate questionjquery动画问题
【发布时间】：2010-07-29 11:52:53
【问题描述】：

我正在尝试为萤火虫设置动画以淡入、跳动然后淡出。我正在使用下面的代码，但最终的动画似乎在脉动效果之前触发。如果我去除脉动，它也可以工作。想法？

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

【问题讨论】：

标签： jquery jquery-ui jquery-animate

【解决方案1】：

您应该使用回调将它们链接起来。这样，在上一个效果完成之前，下一个效果不会排队。

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

【讨论】：

完美运行。谢谢。