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