jQuery。動畫背景顏色，框陰影和字體顏色

Question

我是jQuery和Javascript的新手。我使用BitStorms box陰影插件，並添加背景顏色和顏色屬性之前，它工作正常。我不確定我的語法是否有問題，或者問題是什麼，但這裏是代碼。

$('.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

用駱駝

backgroundColor 

對於字體顏色動畫嘗試使用不同的顏色（現在的顏色是相同的）。

Answer 2

{ 
    background-color: "#fff" 
} 

是一個語法錯誤（控制檯應該告訴你的）。你將不得不quote the property name使其有效：

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

另外，注意動畫與jQuery的顏色，你需要安裝一個額外的插件。