如何使用jQuery旋转插件旋转图像？

如何使用jQuery-rotate插件来旋转图像？如何使用jQuery旋转插件旋转图像？

我曾尝试以下，它似乎并没有工作：

了大多数浏览器都支持的希望太

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
<title>View Photo</title> 
<script type="text/javascript" src="scripts/jquery.js"></script> 
<script type="text/javascript" src="scripts/jquery.rotate.1-1.js"></script> 
<script type="text/javascript"> 
var angle = 0; 
setInterval (function (e) { 
    rotate(); 
}, 100); 
function rotate() { 
    angle = angle + 1; 
    $('#pic').rotate(angle); 
} 
</script> 
</head> 
<body> 
<img border="0" src="player.gif" name="pic" id="pic"> 
</body> 
</html>

其他方法，谢谢！

来源

2008-12-13 Tom

你在jQuery和jQuery插件上有404。因为这个原因，你的页面正在抛出一个JavaScript错误，这个$没有被定义。

您需要学习基本的JavaScript调试技巧。快速搜索发现，这篇文章看起来像一个很好的地方让你开始：

JavaScript Debugging Techniques with Firebug

来源

2008-12-13 22:32:13 mqsoh

您的旋转图像的逻辑是正确的。如果在文档准备就绪时执行，它将工作。

<script type="text/javascript"> 
//<![CDATA[ 
    var angle = 1; 

    $(document).ready(function() { 
     setInterval(function() { 
      $("#pic").rotate(angle); 
      /* angle += 1; Increases the rotating speed */ 
     }, 100); 
    }); 
//]]> 
</script>

来源

2009-11-10 20:30:10 jvan

为了详细说明jvan的回答是：把它变成的document.ready的原因是因为该网页DOM还没有准备好要修改（或“看着”由你的JavaScript）。有关就绪事件的更多信息，请访问：http://docs.jquery.com/Tutorials:Introducing_$（document）.ready（） – 2010-11-06 18:51:16

一旦你解决了你的jQuery包含问题，你可以修复你的脚本。你的语法是错误的：这里是修复：

<script type="text/javascript"> 
//<![CDATA[ 
    var angle = 1; 

    $(document).ready(function(angle) { 
     setInterval(function(angle) { 
       $("#pic").rotate(angle); 
       /* angle += 1; Increases the rotating speed */ 
     }, 100); 
    }); 
//]]> 
</script>

来源

2010-08-01 01:02:33 Spencer

如何使用jQuery旋转插件旋转图像？

回答

相关问题