jquery - jquery动画同时旋转

Question

我正在尝试为对象设置动画并同时旋转。我正在使用http://code.google.com/p/jqueryrotate/ 旋转转换不起作用。

$("#square")
.animate({top: "300px",left:"200px"},{duration:1800,queue: false})
.rotate({ angle:0,animateTo:-45,duration:1800 });

我想做的另一件事是延迟旋转：

$("#square")
.animate({top: "300px",left:"200px"},{duration:1800,queue: false})
.delay(500)
.rotate({ angle:0,animateTo:-45,duration:1800 });

Answer 1

检查您的 js 文件是否正确添加。我刚刚测试了你的代码，它工作正常。

<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
<img src="https://www.google.com/images/srpr/logo3w.png" id="image">

请参阅http://jsfiddle.net/RwEme/5098/

Answer 2

在这里，这可能会帮助您进行连续旋转。

http://jsfiddle.net/xw89p/

 var rotation = function (){
   $("#image").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();