javascript - 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"
}

是一个语法错误（控制台应该已经告诉你了）。您必须引用属性名称以使其有效：

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

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

Answer 2

使用驼色案例

backgroundColor

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