jquery。动画不同的速度

我在Jquery中使用.animate函数。 我有一个div使用marginLeft滑过，但我也需要它淡入，但我需要它比marginLeft效果慢。 使用.animate，我似乎只能应用一个速度参数。

 $(document).ready(function(){ $(".topFrameAnim").css("opacity", "0.0"); $(".topFrameAnim").animate({ marginLeft: "0", }, 500 ); $(".topFrameAnim").animate({ opacity: "1", }, 1000 ); // Need this effect to be applied at the same time, at a different speed. });  

Answer 1

您需要使用animate的两个参数forms，在options数组中使用queue:false （在第一个动画上）：

注意：这里的.animate减少了使用的选择器数量。 由于您选择的是相同的对象，因此最好重用现有对象。