連續旋轉圖像

我想在我的網站上放置旋轉標誌。我的意思是它應該不斷旋轉。我試圖用jQuery來做這件事。請看看，並建議我哪裏出錯了。爲什麼這段代碼不工作。請幫我連續旋轉圖像

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

我已經使用這個代碼在我的HTML這樣的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<script type="text/javascript" src="jquery-1.4.4.js"></script> 
<script type="text/javascript" src="jquery.easing.1.3.js"></script> 
<script type="text/javascript"> 
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; 
     } 
    }); 
} 
rotation(); 

</script> 


<title>Untitled Document</title> 
</head> 

<body> 


<img src="LMIH_LOGO.png" width="174" height="322" name="img" id="img" /> 
</body> 
</html>

它不工作。請有人幫我在這裏

來源

2011-09-06 priya

我推薦一個動畫GIF爲此。 –

你不包括旋轉插件 – Usman

Usman，我已經包括jquery.rotate.1-1.js，仍然不工作:( – priya

jQuery沒有.rotate（）函數。我想你的意思是包括jQuery Rotate plugin。

來源

2011-09-06 19:39:26 maxedison

不僅如此，但在他調用他的東西時，DOM沒有準備好。 –

@max：使用旋轉插件和改變功能，現在它的工作。非常感謝。謝謝！ – priya

我不確定自己的代碼中是否存在一個錯誤，或者它只是沒有啓動，但我的第一個嘗試將移動函數調用旋轉到文檔準備好偵聽器...

嘗試：

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

，而不是僅僅

rotation();

的問題可能是像你正在試圖操縱心不是在DOM實際加載時，這個函數e xecutes。將其移至文檔就緒回調將確保dom在執行前完全加載。

來源

2011-09-06 19:39:49 SublymeRick

裏克，我試過這種方法，但仍然沒有結果:(。 – priya

連續旋轉圖像

回答

相關問題