0

jQuery animate 功能只支持 IE9, Firefox, Chrome 但在 < IE 9 中不支持。有解决办法吗？

/* <![CDATA[ */
$(document).ready(function() {
    $(".subSlogan").animate({"opacity": "-=1", top: 0, left: 0 }, 1);
    $(".subSlogan").animate({"opacity": "-=1", top: 0, left: 0 }, 1000);
    $(".subSlogan").animate({"opacity": "+=1", top: 95, left: 120 }, 1200);

    $(".Slogan").animate({"opacity": "-=1", top: 300, right: 0 }, 1);
    $(".Slogan").animate({"opacity": "-=1", top: 300, right: 0 }, 2000);
    $(".Slogan").animate({"opacity": "+=1", top: 153, left: 180 }, 1200);

    $(".Schweizerkreuz").animate({"opacity": "-=1", top: 155, left: 795 }, 1);
    $(".Schweizerkreuz").animate({"opacity": "-=1", top: 155, left: 795 }, 3500);
    $(".Schweizerkreuz").animate({"opacity": "+=1", top: 155, left: 795 }, 1200);

    $("#logoBox").animate({"opacity": "-=1", top: -250 }, 1);
    $("#logoBox").animate({"opacity": "-=1", top: -250 }, 4000);
    $("#logoBox").animate({"opacity": "+=1", top: 0 }, 1200);
});
/* ]]> */
4

2 回答 2

1

我相信这是 IE < 9 不完全支持不透明度的问题，而不是动画功能的问题。本质上是一个 CSS 问题，而不是一个 jQuery 问题。你可以为其他 CSS 属性设置动画吗？

于 2013-01-23T14:43:33.213 回答
0

HTML 5 和 CSS 3 不支持 IE7 或 IE8，但 IE9 支持。这就是您的动画无法正常工作的原因。因此您的 jquery 代码中没有错误。

于 2013-01-23T14:50:57.347 回答