1

就像标题一样，我想在我的网页中旋转图像或 div。而且，我在谷歌代码 http://code.google.com/p/jqueryrotate/中找到了 jqueryrotate.js 这位作者说明了如何使用 jqueryrotate.js 中的函数使其工作，并在 jsfiddle 中给出了一些示例，它看起来很棒！但是当它转向我时，无论我如何尝试甚至复制作者的代码都不起作用，图像只是保持静止。我不知道它有什么问题，希望有人可以提供帮助。

我写的代码如下：

<html>
<head>
<scripttype="text/javascript"src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
<script type="text/javascript">
    var rotation = function (){
    $(document).ready(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();

    })
    </script>
</head>
<body>
<img style="margin:10px;"src="/arrow.png" id="img">
</body>
</html>
4

2 回答 2

3

您在 html 中包含的脚本有一个错字：

<scripttype="text/javascript"src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>

应该

<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>

而不是包含脚本，而是包含脚本类型

于 2013-03-12T08:00:21.737 回答
3

您的代码有一些错误。尝试这个。

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

$(document).ready(function(){
rotation();

});

http://jsfiddle.net/TRQKE/

当然，您还需要更正 Joe 提到的脚本标记。并且您需要包含未包含在代码示例中的 jquery 本身：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
于 2013-03-12T08:02:40.247 回答