前端之家收集整理的这篇文章主要介绍了
jQuery animate()和浏览器性能，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我有一些元素，我在网页上移动非常缓慢。基本上，我减少了两个图像的左边距在40秒左右的跨度。
视觉上，它的工作精美。但是，我的处理器在动画期间跳转到大约50％的使用率。这不是特定于任何单一的浏览器 – 在Safari3和Firefox3上是一样的。如果我有两个浏览器运行页面，我的cpu正在尖叫，大约95％的使用率。
我使用jQuery 1.3。两个动画同时发生。页面上没有Flash。如果我注释掉代码(删除动画)并刷新页面，我的处理器立即返回正常使用。
我希望我不必诉诸于Flash，但即使在Hulu.com上观看节目也不会像我这样飙升我的cpu。
想法？
我认为jQuery animate()的工作方式是，它使用定时器定期触发和
调用一个更新DOM来反映动画的状态的
函数。通常，动画相对较短，并且它们可能覆盖相当大量的屏幕空间，因此我怀疑(不确认)计时器到期并被重置，以相当高的速率
生成平滑的动画。由于您的动画需要很长时间，因此您可以
修改animate
函数，以便可以通过选项设置动画播放的速率。在你的情况下，你只需要更新每250ms左右，因为你大约每秒约3-4像素。
原文链接：https://www.f2er.com/jquery/184840.html
