0

我有这个演示：

jsfiddle.net

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

动画代码不起作用，我不知道为什么！

当我使用.css时，它可以正常工作。

谁能告诉我问题是什么？

4

3 回答 3

1

正如其他人所说，jQuery.animate()默认情况下不做彩色动画。使其工作的另一个选择是包含jQuery UI，它（除其他外）“升级”默认.animate()方法（如此处所示：http: //jsfiddle.net/nnnnnn/WFVby/3/）。

于 2012-08-07T00:31:36.847 回答
1

jQuery 没有开箱即用的颜色动画，所以你需要一个颜色动画插件，比如这个. 只需包括它，一切都应该工作。

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

于 2012-08-07T00:27:15.480 回答
0

您需要安装“jquery.Color”插件：

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

于 2012-08-07T00:27:54.590 回答