如何使用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

查看我的帖子：

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

Answer 3

这不是jQuery，但如果你想在JavaScript中不断做一些事情，请使用setInterval()，如下所示：

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

但是用旋转代码替换警报，间隔以毫秒为单位。

Answer 4

看起来你想要this answer to a related question about rotating images with jQuery ......

但它纯粹是一个旋转的轮子，然后一个两三帧动画gif可能会更容易，更快，并且CPU密集度更低......

Answer 5

您可以使用jquery插件旋转图像，如3d对象：

pic360 plugin

Answer 6

我为此创建了一个插件，它也适用于Internet Explorer 7和8！ 在这里：http://wp-dreams.com/jquery-element-rotation-plugin/

Answer 7

@dietbacon询问如何停止轮换。由于我还不能发表评论，我将在此回答。

在this回答中，我写了一个函数，在给定元素中进行无限旋转，可以取消。