动画代码不起作用

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