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

问题描述 投票:1回答:1

我在这里使用这个jQuery Rotate Plugin:

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);

 });
jquery internet-explorer dom rotation
1个回答
0
投票

看一下这个

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

$(window).load(function() {

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

});
© www.soinside.com 2019 - 2024. All rights reserved.