Jquery addClass/removeClass動畫不適用於Background？

Question

我試圖在Jquery的更改類期間製作流暢的動畫。

但它只適用於文本顏色，而不是背景。

您可以檢查此查看詳細:(：？

http://jsbin.com/upufut

Answer 1

這是一個簡單的庫的版本問題。

你jsbin顯示的jQuery 1.3.2和jQuery UI 1.7.2。

在這jsfiddle（與jq 1.3.2和jqui 1.7.2），它確實而不是工作。

在這other one，這兩個庫的最新版本，它的工作。

jQuery 1.3.2是更傳統的遺產，你不應該再使用它，除非你沒有選擇，但是你應該期望一些（over-the-top）的東西不能工作我是害怕。

---

動畫梯度

尋找在從jQuery的用戶界面的文檔，它們似乎不支持過載的.animate（）以動畫的顏色（doc）梯度。我想它只適用於純色。

jQuery UI效果核心擴展了animate函數，以便能夠生成動畫顏色以及 。它大量使用類別轉換 功能，它是能夠彩色動畫以下屬性：

• 的backgroundColor
• borderBottomColor
• borderLeftColor
• borderRightColor
• borderTopColor
• 顏色
• outlineColor

與下列組合之一：

• 十六進制（＃FF0000）
• RGB（RGB（255,255,255））
• 名稱（ 「黑」）

CSS另一方面，轉換不會在任何瀏覽器中處理漸變。有沒有一些解決辦法，但：

• css transition with linear gradient（第二個回答 - 不接受一個 - 提出了一個額外的元素的解決方法和transitionning透明度，在Chrome & FF作品）
• Webkit support for gradient transitions

---

您提到的YouTube按鈕上的字。

對我來說，漸變不是動畫，因爲他們使用CSS轉換。以下是我如何測試：

1. 轉到YouTube上的視頻頁面。
2. 按鈕上的「檢查元素」（鍍鉻）打開控制檯。選擇<button>元素。
3. 望着CSS類.yt-UIX按鈕，改變[-*-]transition: all 0.218s;爲「1」
4. 改變漸變到綠色的實例的顏色之一。
5. 將鼠標懸停在按鈕上，所有屬性都是動畫的，但不是漸變。

我的看法是，邊界（等）的動畫給人的印象是漸變是動畫的，但事實並非如此。

Answer 2

我不明白爲什麼你用javascript:$(this).removeClass("hoverf",1000)，什麼是removeClass的第二個參數，我不覺得有什麼問題，它只是在鍍鉻的罰款。