如何使用jQuery同时为多个效果制作动画？

Question

我正在使用jQuery的animate()函数来动画div。当我给出高度140和宽度200等多种效果时，下一个效果仅在前一个效果完成后开始。我想同时执行。任何帮助将不胜感激。

代码：

$(document).ready(function(){
    $(".gal_item").hover(function(){                    
        $(this).children().animate({height:110},"medium");
        $(this).children().animate({width:110},"medium");
    });
});

HTML：

<div class="gal_item"><img src="images/2.jpg" width="120" height="100" /></div>
<div class="gal_item"><img src="images/3.jpg" width="120" height="100" /></div>

Answer 1

animate方法接受多个样式声明，你可以简单地...

$(document).ready(function(){
    $(".gal_item").hover(function(){                    
        $(this).children().animate({
            height:110,
            width: 110
        }, "medium");
    });
});