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

我们可以写一行代码只有在动画功能是一样的，像animate({top: "50px", opacity: 0})，但你如何同时执行的动画，如果动画功能是不同的，比如幻灯片up和animate({top: "50px"})？如何运行单个元素上的两个jQuery的动画同时

来源

2011-08-26 SarthakGupta

可能重复[如何同时运行两个jQuery的动画？]（http://stackoverflow.com/questions/1251300/how-to-run-two-jquery-animations - 同时） – JJJ

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

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

Example on jsfiddle

的

来源

2011-08-26 11:28:58

基本上我想使用fadeIn和动画，以便元素淡入屏幕以及可以改变它的左边位置或边缘。我似乎无法得到它去......我们可以指定队列：在淡入效果也假......如果我们能请你告诉我我已经使用的，但不能让它的工作的语法.... – SarthakGupta

只需使用'.animate（）'而不是'fadeIn（）'例如'.animate（{“opacity”：“show”}，{queue：false，duration：“slow”}）;' –

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

回答

相关问题