在IE中缓慢的jQuery动画

我有一个网站http://www.special4you.co.uk，并有一个由气球制作的动画导航。 这在FF和Chrome中看起来很漂亮，但在所有的IE中，它看起来很不错，因为动画效果很差且呈锯齿状。 有谁知道为什么这个或者如果这是我的错？

我的代码是：

$(document).ready(function(){ Cufon.replace('h1, p, #address, h2'); $(".balloon-nav").hover(function(hoverEvent) { $("a.balloon-nav").click(function(clickEvent, hoverEvent){ clickEvent.stopPropagation(); var element = $(this); var target = element.attr("href"); var zIndex = element.css("z-index"); element.attr("href", "#").css("z-index", "100"); element.animate({ top: "0" }, 1500, 'easeOutBounce', function() { element.css("z-index", zIndex); window.location=target; }); }); var e = this; $(e).animate({ marginTop: "-14px" }, 250, function() { $(e).animate({ marginTop: "-10px" }, 250); }); },function(){ var e = this; $(e).animate({ marginTop: "4px" }, 250, function() { $(e).animate({ marginTop: "0px" }, 250); }); }); }); 

Answer 1

这不是你的错，Internet Explorer很慢，你必须忍受这一点，直到微软做了一些事情。

它运行缓慢，因为你在很短的时间内有很多CSS更改，也许如果你降低IE的更新量可能会有所帮助。

Answer 2

尝试将doctype从HTML 4更改为HTML 3.2。

我有一些在IE中的html 3.2中快速工作的东西，但在IE中没有html 4.0过渡。 无论是html 3.2还是4.0，它都可以在阳光下的其他所有浏览器中快速运行。 只是不在IE浏览器中的HTML 4.0。 绝对令人难以置信的是，在这种情况下3.2的工作方式优于4.0（仅在IE中）。