在jquery動畫中指定不同的延遲/持續時間？

Question

在同一元素上同時進行多個動畫時，如何爲兩者指定不同的持續時間和延遲時間？

例如，如果我想打一個div增長，淡化它在生長的下半年，我會做

mydiv.animate({width:450,height:250},1000); 
mydiv.delay(500).animate({opacity:0},500); 

然而，這些被連續地執行，而不是同時進行。我怎樣才能達到預期的效果？

Answer 1

jsBin demo

只要第一個動畫集設置queue: false。

mydiv.animate({ 
    width: 450, 
    height:250 
}, { duration: 1000, queue: false }); 

mydiv.delay(500).animate({ 
    opacity:0 
}, { duration: 500});