使用jquery的bgcolor動畫

第一次使用jquery動畫。我已經讀過動畫可以在.Toggle（）或.click（）函數上完成，但是我想在頁面加載時改變div的bgcolor。我嘗試過，但它不在這裏工作是我的代碼。使用jquery的bgcolor動畫

<html> 
<head> 
<scriptsrc="http://code.jquery.com/jquery-latest.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"> 
</script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery- ui.min.js"> 
</script> 

<script> $(document).ready(function(){ 
$('block').animate({ backgroundColor: "black" }, 1000); 
}); 
</script> 
<style> 
.block { 
color: white; 
background-color: #68BFEF; 
width: 150px; 
height: 70px; 
margin: 10px; } 
</style> 
</head> <body > 
<div class="block"> hi</div> 
</body> 
</html>

來源

2012-07-17 prakash_d22

明白了！我的代碼有一個錯誤，我使用$（'block'）而不是$（'。block'）。它的運行正常，而不是插件的問題。 – 2012-07-17 08:26:06

感謝大家的幫助.. – 2012-07-17 08:32:22

動畫工作，你的jQuery選擇器是錯誤的。

$('.block').animate({ backgroundColor: "black" }, 1000);

注意'。'在'塊'前面。您正在選擇名爲塊的所有元素（<塊>）。使用'。'，所有具有類'block'的元素都被選中。

來源

2012-07-17 08:18:42

非常感謝你... – 2012-07-17 08:33:28

是的，但是動畫會在每次刷新頁面時發生，不可能僅在第一時間進行限制嗎？ – 2012-07-17 08:34:50

然後你必須在某個地方設置一個標誌來記住你已經完成了動畫。 HTML5'Web Storage'功能可以讓你做到這一點。對於不支持此功能的舊版瀏覽器，請設置Cookie或從服務器端腳本設置JavaScript變量。 – 2012-07-17 08:47:58

jQuery默認情況下無法爲顏色設置動畫。您可以下載一個插件，如jQuery UI或Color Animation Plugin以使該功能可用。

來源

2012-07-17 08:17:52 casraf

使用jquery的bgcolor動畫

回答

相關問題