動畫代碼不起作用

Question

我有這個演示：

jsfiddle.net

$(document).ready(function(e) {        
    $(".footer-list li").mouseover(function() {
         $(this).animate({ backgroundColor: "#d31d4a" }, 1500);
        // $(this).css("background-color", "#d31d4a");
    });
});

動畫代碼不起作用，我不知道為什么！

當我使用.css ，它沒有任何問題。

誰能告訴我這是什么問題？

Answer 1

jQuery沒有開箱即用的顏色動畫，所以你需要一個顏色動畫插件，就像這個 。 只需包含它，一切都應該有效。

演示： http ： //jsfiddle.net/WFVby/2/

Answer 2

正如其他人所說，jQuery的.animate()默認情況下不會做彩色動畫。 使其工作的另一個選擇是包括jQuery UI ，其中（升級之外）“升級”默認的.animate()方法（如下所示： http ： //jsfiddle.net/nnnnnn/WFVby/3/ ）。

Answer 3

你需要安裝一個“jquery.Color”插件：

https://github.com/jquery/jquery-color