0

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

我只是不知道如何正确设置它。我能够使用 webkit 来旋转图像,但我希望有一个动画。如果有人可以让我知道如何正确使用该库,我将不胜感激!

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

4

3 回答 3

4

一切都在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>

希望这有帮助!

于 2012-02-23T14:44:02.907 回答
0

我们可以整天在这里尝试猜测您的动画,但这里只是使用下面列表中的值。

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:持续时间
于 2011-05-13T13:05:55.227 回答
0

请检查 j 查询图像旋转示例:

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

于 2013-02-06T07:29:40.983 回答