【问题标题】: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);
         });
    });
    

    【讨论】:

    • 完美运行。谢谢。
    猜你喜欢
    • 2011-03-28
    • 2014-02-24
    • 1970-01-01
    相关资源
    最近更新 更多