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