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