在IE7，IE8和IE9的jQuery旋轉圖像問題

我在這裏使用這個jQuery插件旋轉：在IE7，IE8和IE9的jQuery旋轉圖像問題

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

插件應該在IE7，IE8，IE9等完美地旋轉圖像。而我可以沒有任何問題旋轉圖像：然而

，我所面臨的問題，以鏈兩個功能.rotate()（由插件提供）和.animate()（jQuery中COR提供e）

問題是上面列出的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); 

});

來源

2011-10-12 Jasdeep Singh

沒有評論Jasdeep ....那是你需要什麼樣的權利......請接受它是否有助於 – Wazzzy

我不知道，這將成爲可能。你有沒有考慮過把IE7/IE8留在後面;給他們旋轉但不是動畫？ – Spudley

人們不得不停止嘗試給舊版瀏覽器（IE7肯定是不可能的，IE8也應該是這樣）「華麗的效果」。這些瀏覽器的JS和渲染引擎如此之慢，以至於會降低整個用戶體驗，而不僅僅是效果。這正是Modernizr創造的。 – Adam

檢查了這一點

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

$(window).load(function() { 

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

});

來源

2011-10-12 17:10:05 Wazzzy

感謝Wasim，但我想同時運行'.animate（）'和'.rotate（）'..現在它在除IE以外的所有其他瀏覽器上效果極佳 –

它仍然不能很好地工作IE8和IE7 –

在IE7，IE8和IE9的jQuery旋轉圖像問題

回答

相關問題