jquery - 如何同时运行多个 jQuery 效果

Question

我有一个盒子。它在 jQuery 中设置为 hide()。它必须淡入，同时，它必须从上到下移动一些长度。无论从顶部到底部的长度如何，淡入效果应该在盒子从顶部开始移动时开始，并且在盒子从顶部完成移动时淡入效果可能会完成。

这是我尝试过的；

<div id="div1">div</div>

和

$("#div1").animate({"margin-top": 200,});
$('#div1').fadeIn("slow");

但是两个函数使用不同的时间。我怎样才能做到这一点？

这是工作小提琴。

Answer 1

animate尝试在同一个调用中使用 css 制作两个动画：

http://jsfiddle.net/xHrBq/

$("#div1").animate({
    'margin-top': 300,
    'opacity': 1
}, 1000);