Question

我有一个网站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中）。

在IE中缓慢的jQuery动画

2 个答案: