同时运行分组动画jQuery

我想要首先同时执行第一个动画块，然后是第二个代码块同时执行。在此先感谢同时运行分组动画jQuery

$('#logo').fadeIn({queue: false, duration: 2000}); 
$('#logo').animate({ width: "300px" }, 2000); 
$('#logo_img').animate({ width: "300px" }, 2000); 

$('#logo').delay(500).animate({marginTop: "-500px", width: "200px"}, {queue: false, duration: 1000}); 
$("#logo_img").animte({width: "200px"},1000);

来源

2017-04-25 Norbert D

你检查出CSS关键帧动画？这似乎是一个更好的解决方案，您的要求 –

其实了jQuery动画的所有接受回调，所以你可以同步动画第3，然后有最后的3嵌入回调是这样的：

$('#logo').fadeIn({queue: false, duration: 2000}); 
$('#logo').animate({ width: "300px" }, 2000); 
$('#logo_img').animate({ width: "300px" }, 2000, function() { 
    $('#logo').delay(500).animate({marginTop: "-500px", width: "200px"}, {queue: false, duration: 1000}); 
    $("#logo_img").animte({width: "200px"},1000); 
});

我希望这有助于回答你的问题。

戴夫

来源

2017-04-25 14:11:57 DMcCallum83

jQuery的animate有一个完整的回调在那里你可以链后续功能，例如。

$("#logo").animate({ 
    width: "300px" 
}, 2000, function() { 
    // Animation complete. 
});

来源

2017-04-25 12:19:03 Grant

谢谢你的帮助，但我刚刚发现我的错误，我的语法是5日线不正确;而不是“动画”，我写了“animte”。容易的错误，但你的答案仍然帮助我解决它，所以谢谢你

来源

2017-04-25 22:41:46

同时运行分组动画jQuery

回答

相关问题