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

尝试在页面加载到特定程度时进行图像旋转（jQuery动画）

3 个答案: