jquery - jquery/javascript 在 keydown/mousedown 上实现最流畅动画的最佳实践

Question

最好的方法是什么，

• 和setTimeout() and css({left: '+=1'});

或者

• 使用animation({left:+=30}, '300', 'linear');

尽管我认为 setTimeout 和 css() 是正确的方法，但我似乎无法用它来达到正确的平滑度，更不用说这似乎吃了很多内存..

请注意，我不是要在 mousedown 上动画并在 mouseup 上停止，而不是在单击时从一个点到另一个点的动画。

Answer 1

我的猜测是 jQuery animate 是最好的方法。

jQuery 库中已经投入了大量工作来创建非常流畅的动画。我尝试过同时使用这两种方法，但我始终得出的结论是，使用 jQuery 库制作动画比编写自己的动画代码更好。

在我看来，这也是实现此类动画的最简单方法。

编辑：如果您只需要使用最新的浏览器，CSS3 也是制作动画的好方法：http: //css3.bradshawenterprises.com/animations/。

Answer 2

animate() 将值增加十分之一，这就是它更平滑的原因。

猜猜你可以用 css() 做同样的事情，但为什么要重新发明轮子。