Javascript 设置多个div动画的最佳方法

我正在寻找在屏幕上制作几个div动画的最佳方法。我尝试了jQuery，但在屏幕上显示了>5个元素之后，它就开始跳跳了。Raphael.js给了我同样的问题。那么，一次在屏幕上设置5-6个div动画的最佳方法是什么？他们只是在屏幕上水平移动

---

CSS3的translate2d对这有好处吗？我记得在某个地方读到过一篇文章，你可以通过使用translate3d来极大地优化性能。这适用于我的情况吗？

如果您的目标浏览器支持CSS3，您可以使用

translate2d

实现更平滑的动画。如果需要同时设置所有项目的动画（即每个项目的动画规则相同），则可以创建一个类

.animTarget{animation:translate3d(100, 0, 0)}

然后在javascript代码中，说：

$("animation-target-selector").addClass('animTarget')

我发现，制作这样的动画比做以下事情更容易：

$("animation-target-selector").css('animation', 'translate3d(100, 100, 0)');

---

因为它会将其添加到每个dom元素的

style

属性中。

您可以发布用于制作动画的代码吗？您可以尝试css3转换功能。但是，不同的浏览器将执行不同的操作。另外，有些会使用硬件加速，所以结果可能会因机器而异。@Joseph，我真的没有任何代码。我只是想找到最好的写作方法。：）@ElliotBonneville然后至少发布了有问题的代码，这只是一个标准的jQuery动画，没有什么特别之处。