动画代码不起作用

时间:2012-08-07 00:23:11

标签: javascript jquery html css

我有这个演示:

jsfiddle.net

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

动画代码不起作用,我不明白为什么!!

当我使用.css时,它没有任何问题。

谁能告诉我这是什么问题?

3 个答案:

答案 0 :(得分:1)

jQuery不会为开箱即用的颜色设置动画,因此您需要一个颜色动画插件,如this one。只需包含它,一切都应该有效。

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

答案 1 :(得分:1)

正如其他人所说,jQuery的.animate()默认不会做彩色动画。使其工作的另一个选择是包括jQuery UI,其中(升级之外)“升级”默认的.animate()方法(如此处所示:http://jsfiddle.net/nnnnnn/WFVby/3/)。

答案 2 :(得分:0)

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

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