jQuery .animate背景颜色，框阴影和字体颜色

Question

我是jQuery和Javascript的新手。我正在使用BitStorms盒子阴影插件，在添加背景颜色和颜色属性之前，它工作正常。我不确定我的语法是否有问题或问题是什么，但这是代码。

$('.menu-btns li a').hover(function() {
$(this).animate({
    boxShadow: "inset 0 0 10px #000", 
    background-color: "#000",
    color: "#efefef"
    }, "fast");
},
function() {
    $(this).animate({
    boxShadow: "0 0 0", 
    background-color: "#fff", 
    color: "#efefef"
    }, "fast");
});

正如代码所示，它不再是动画框阴影，也不是背景颜色或字体颜色。

Answer 1

{ 
    background-color: "#fff"
}

是语法错误（控制台应该告诉你）。您必须quote the property name才能使其有效：

{
    "background-color": "#fff"
}

另请注意，要使用jQuery动画颜色，您需要安装额外的插件。

Answer 2

使用驼峰案例

backgroundColor

对于字体颜色动画尝试使用不同的颜色（现在颜色相同）。