jQuery在IE7,IE8和IE9中旋转图像问题

时间:2011-10-12 16:56:37

标签: jquery internet-explorer dom rotation

我在这里使用这个jQuery Rotate插件:

http://code.google.com/p/jqueryrotate/

插件应该在IE7,IE8,IE9等中完美旋转图像。我可以毫无问题地旋转图像:

http://jsfiddle.net/zmpdS/101/

但是,我遇到了将两个函数.rotate()(由插件提供)和.animate()(在jQuery核心中提供)链接的问题

问题是上面列出的jQuery Rotate插件使用RVML来旋转IE8和IE7中的图像,而在其他浏览器中它是CSS3旋转。因此,对于RVML,操纵DOM并且新的RVML标记不支持.animate()函数。

有出路吗?

 $(window).load(function() {

     $("#test").rotate({
         angle: 0,
         animateTo: -90,
         duration: 2000,
         easing: $.easing.EaseOutQuint
     }).animate({
         height: "128px",
         width: "128px"
     }, 1000);

 });

1 个答案:

答案 0 :(得分:0)

检查出来

http://jsfiddle.net/zmpdS/103/

$(window).load(function() {

    $("#test").rotate({
        angle: 0,
        animateTo:180,
        callback: function(){   
            $("#test").animate({
                height: "128px",
                width: "128px"
            }, 1000);
        }
     })

});