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

是一个语法错误(控制台应该已经告诉你了)。您必须quote the property name使其有效:

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

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