無法讓彩色動畫正常工作

Question

簡單地試圖爲p標籤設置動畫#disclaimer以突出顯示背景顏色。

例jQuery中：

$('#disclaimer').animate({'backgroundColor':'#ff9f5f'}, 2000); 

的HTML是一個簡單的

<p id="disclaimer"> disclaimer here </p> 

但是當我嘗試在IE中打開網頁這裏是JS錯誤：

網頁錯誤詳細信息

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; .NET4.0C; .NET4.0E; .NET CLR 1.1.4322) Timestamp: Mon, 26 Jul 2010 17:57:09 UTC

Message: Invalid property value. Line: 141 Char: 6 Code: 0 URI: file:///C:/Users/xxxxx/Desktop/MyJQuerySite/lib/jquery-1.4.min.js

我做錯了什麼嗎？

Answer 1

jQuery本身不支持顏色上的動畫。爲了這個工作，你需要包含jQuery color插件。

下面是jQuery 1.2 Release Notes中的一個簡介。