Javascript IE8/9中的CSS3动画

Javascript IE8/9中的CSS3动画,javascript,internet-explorer,animation,css,Javascript,Internet Explorer,Animation,Css,我知道CSS3动画在IE中不起作用。我只是想知道是否有解决这个问题的JavaScript方法 以下是我想在IE中重新创建的内容的链接: 任何建议都很好。有许多JQuery插件提供动画。这里有一个翻转效果类似于您正在寻找的 查看jQuery的动画功能: 在快速的谷歌搜索之后,我发现了一个jQuery插件,它更改了jQuery的标准$.animate()函数,以便尽可能使用CSS3转换: 编辑: 在我的一个网站上尝试了上述插件后,该网站崩溃了。我不确定您是否会遇到同样的问题,但以下是我的解决方法:

我知道CSS3动画在IE中不起作用。我只是想知道是否有解决这个问题的JavaScript方法

以下是我想在IE中重新创建的内容的链接:


任何建议都很好。

有许多JQuery插件提供动画。这里有一个翻转效果类似于您正在寻找的

查看jQuery的动画功能:

在快速的谷歌搜索之后,我发现了一个jQuery插件,它更改了jQuery的标准$.animate()函数,以便尽可能使用CSS3转换:

编辑:

在我的一个网站上尝试了上述插件后,该网站崩溃了。我不确定您是否会遇到同样的问题,但以下是我的解决方法:

您将需要

基本上,您(使用Modernizer)检查浏览器是否支持给定的功能,然后决定是否使用CSS3或Javascript设置动画

例如:

(假设您是要向右移动200px的对象)


您应该选择解决问题的答案:)
if(Modernizr.csstransitions) {
    // use your appropriate browser prefixes
    yourDomObject.style.transition = 'left 2s';
    yourDomObject.style.left = parseInt(yourDomObject.style.left) + 200 + 'px'

} else {

    var left = parseInt($(yourDomObject).css('left')) + 200 + 'px';
    $(yourDomObject).animate({
        'left' : left
    },2000,'easeOutExpo');
}