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