当使用大背景图像时，jquery动画在Internet Explorer中不稳定

Question

我正在使用动态扩展的背景图片（类似于新的Google主页背景图片功能）。我有一个jquery lavalamp动画菜单，位于大背景图像的顶部。

jquery动画在所有浏览器中都很流畅，除了（你猜对了）IE。在IE8中，它是不稳定的。

我已经排除了调整背景大小的javascript，因为我可以禁用页面上的所有javascript（动画除外），并手动为图像添加一个大的width和height属性，我得到相同的效果

有关如何解决此问题的任何想法？

Answer 1

我建议在IE中禁用动画。对于大多数jQuery动画，我认为您需要做的就是将持续时间设置为0，或者至少缩短持续时间。

您可以进行其他优化，以便在IE中更快地进行页面渲染（例如调整CSS）。有一百种不同的模糊，黑魔法的代码技巧，你可以尝试使javascript更快。您还可以使用脚本基准测试工具，例如Y！Slow。一些可能对您有所帮助的链接：

Y！慢速脚本性能指南：

http://developer.yahoo.com/yslow/help/#guidelines

IEBlog：javascript性能建议：

http://blogs.msdn.com/b/ie/archive/2006/08/28/728654.aspx

Google Page Speed工具和最佳做法：

http://code.google.com/speed/page-speed/download.html