动画div而不减速

Question

我有一个div，它有一个接一个2动画。但是，一旦第一个动画完成，它就会变慢并运行另一个动画。我不希望div在动画之间减速，我希望它们以相同的速度运行。

$(".div1").animate({'left':'+=200'},2000);
$(".div1").animate({'top':'+=200'},2000);

这是我在jsfiddle上设置的 http://jsfiddle.net/WQDm8/

如果这没有意义，请告诉我。 感谢

Answer 1

我认为您要查找的行为可以通过将documentation for .animate()中描述的easing参数更改为linear来实现：

$(".div1").animate({'left':'+=200'},2000, 'linear');
$(".div1").animate({'top':'+=200'},2000, 'linear');

Answer 2

不完全。这是因为每个动画都被添加到队列中。同时做它们。

$(".div1").animate({left:'+=200',top:'+=200'},2000);