JavaScript – CSS3动画在IE8 / 9

前端之家收集整理的这篇文章主要介绍了JavaScript – CSS3动画在IE8 / 9前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我明白 CSS3动画在IE中不起作用.我只是想知道是否有这个问题的 JavaScript解决方法.

这是一个链接到我想要重新创建在IE:http://animation.kashoo.co.uk/

任何建议都会很棒.

解决方法

经过快速的Google搜索,我发现一个jQuery插件可以改变jQuery的标准$.animate()函数,以便它可以尽可能地使用CSS3转换:

$.animate-enhanced

编辑:

在我的一个网站上尝试上面的插件后,网站破了.我不知道你是否会有同样的问题,但这是我的解决方法

你将需要Modernizr.js

基本上,您检查(与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');
}

猜你在找的JavaScript相关文章