如何用jquery常量旋轉對象？

Question

OKAY！這是情況。我有一個jQuery插件，可以在頭文件中爲背景圖像製作動畫，以不斷從左向右滾動。我有一個坐在這個頭上的輪子.png。我需要讓車輪不斷旋轉，移動背景。

CSS3-是的，我可以使用CSS3，但是使用Internet Explorer的一些可憐的靈魂會在移動的背景上看到一個固定的輪子，這很奇怪。

jQuery插件 - 這是我想使用，但我還沒有找到一個將不斷旋轉圖像。當你激活它時，大多數只會旋轉一定的角度。

如果有人有任何想法，我會很感激！

Answer 1

你可以試試這個：

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

var rotation = function(){ 
    $("#img").rotate({ 
     angle:0, 
     animateTo:360, 
     callback: rotation, 
     easing: function (x,t,b,c,d){  // t: current time, b: begInnIng value, c: change In value, d: duration 
      return c*(t/d)+b; 
     } 
    }); 
} 
rotation(); 

Answer 2

這不是jQuery的是這樣的，但如果你想在JavaScript中不斷地做一些事情，用setInterval()，就像這樣：

setInterval("alert('Rotate!');", 100); 

但更換警報，你旋轉碼，間隔以毫秒爲單位。

Answer 3

它看起來像你想this answer to a related question about rotating images with jQuery ...

，但那純粹是一個旋轉的輪子，然後兩個或三個幀動畫GIF很可能會更容易，更快，更少的CPU密集...

Answer 4

看看我的帖子：

• Rotate and Fly off elements with jQuery and CSS3
• See the DEMO

Answer 5

您可以使用jQuery插件，如3D物體旋轉圖像：

pic360 plugin

Answer 6

我創建了一個插件爲此，它與Internet Explorer 7和8一起工作 好！ 你在這裏：http://wp-dreams.com/jquery-element-rotation-plugin/

Answer 7

@dietbacon問如何停止輪換。由於我還沒有評論，我會在這裏回答。

在this答案中，我寫了一個函數，它在給定元素中進行無限旋轉，並且可以取消。