尝试使图像在页面加载时旋转(jQuery动画)到特定程度

Question

我有一个放大器旋钮，我想在页面加载时转动一定程度。我正在尝试使用这个jQuery库：http://code.google.com/p/jqueryrotate/

我只是不知道如何正确设置它。我能够使用 webkit 来旋转图像，但我希望有一个动画。如果有人能让我知道如何正确使用图书馆，我将不胜感激！

请记住，我需要在页面加载时进行旋转。理想情况下，动画将在 5-10 秒后重复。期待您的帮助。

Answer 1

一切都

在 tonesettings.com/rotate 上设置得很好。 您遇到的唯一问题是您在页面完成加载之前调用 rotation（） 函数。 您可以将其移动到就绪状态，它应该在页面加载时触发。

更改以下内容：

<script type="text/javascript">
var rotation = function (){
   $("#img").rotate({
      angle:0, 
      animateTo:360, 
      callback: rotation
   });
}
rotation();
</script>

自：

<script type="text/javascript">
var rotation = function (){
   $("#img").rotate({
      angle:0, 
      animateTo:360, 
      callback: rotation
   });
}
$(document).ready(function() {
    rotation();
});
</script>

希望这有帮助！

Answer 2

我们可以整天在这里试图猜测您的动画，但这里只是玩下面列表的值。

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

• t：当前时间
• b：乞讨价值
• c：值变化
• d：持续时间

Answer 3

请检查此内容以获取j查询图像旋转示例 :

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