我知道 CSS3 动画在 IE 中不起作用。我只是想知道 JavaScript 是否有解决这个问题的方法。
这是我想在 IE 中重新创建的内容的链接:http://animation.kashoo.co.uk/ http://animation.kashoo.co.uk/
任何建议都会很棒。
经过快速的 Google 搜索后,我发现了一个 jQuery 插件,它更改了 jQuery 的标准 $.animate() 函数,以便尽可能使用 CSS3 转换:
$.animate-增强 http://playground.benbarnett.net/jquery-animate-enhanced/
edit:
在我的网站上尝试上述插件后,该网站崩溃了。我不确定您是否会遇到同样的问题,但这是我的解决方法:
你会需要Modernizr.js http://modernizr.com/
基本上,您(使用 Modernizr)检查浏览器是否支持给定功能,然后决定是否使用 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');
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)