如何使用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旋轉插件旋轉圖像？

回答

相關問題