当前位置：文江博客话题详情

如何使用 jquery 不断旋转对象？

发布于 2024-10-18 01:46:53 字数 281 浏览 2 评论 0原文

好的！情况是这样的。我有一个 jQuery 插件，它可以在我的标题中设置背景图像的动画，以不断从左到右滚动。我在此标题上放置了一个 .png 轮子。我需要让轮子随着移动的背景不断旋转。

CSS3 - 是的，我可以使用 CSS3，但是一些使用 Internet Explorer 的可怜人会在移动的背景上看到一个固定的轮子，这会很奇怪。

jQuery 插件 - 这是我想使用的插件，但我还没有找到一个可以不断旋转图像的插件。当您激活它时，大多数只会旋转一定角度。

如果有人有任何想法，我将不胜感激！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

無心 2024-10-25 01:46:54

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

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

回复收藏 0 原文

镜花水月 2024-10-25 01:46:53

您可以尝试以下操作：

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

You could try this:

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

回复收藏 0 原文