如何在单个元素上同时运行两个 jQuery 动画

Question

只要动画功能相同，我们就可以写一行代码，比如 animate( {top: "50px", opacity: 0} )，但是如果动画功能相同，如何同时执行动画呢？功能不同，比如向上滑动和 animate( {top: "50px"} )？

Answer 1

调用 .animate() 时，将 queue 值设置为 false，这将导致所有动画同时运行。

$('div').animate({
    opacity: 0.25,
    height: '400px',
}, {
    queue: false,
    duration: 5000
}).animate({
    width: '500px'
}, {
    queue: false,
    duration: 5000
});

jsfiddle 示例