Javascript 使用jquery设置背景色动画

大家好，我要做的就是用jquery设置按钮背景色的动画

$(document).ready(function(){
    $('button').mouseenter(function(){
        $('button').animate({
            background-color:"blue"},1000);
    });
    $('button').mouseleave(function() {
        $('button').animate({
            background-color:"white"},1000);
    });
});

我做错了什么？还有一件事，你能为傻瓜解释一下吗D

---

注意：我使用的是引导程序，jQuery无法以本机方式设置颜色动画。您需要使用一个插件，如以下插件：

比这更好的是，假设您不需要支持IE9或更低版本，您可以使用CSS转换

按钮{
背景颜色：蓝色；
过渡：背景色1s；
-moz过渡：背景色1s；
-webkit过渡：背景色1s；
/*只是为了漂亮*/
边界：0；
颜色：#CCC；
边界半径：5px；
填充：10px；
}
按钮：悬停{
背景色：白色；
}
按钮a{
颜色：白色；
过渡：颜色1s；
-moz过渡：颜色1s；
-webkit转换：颜色1s；
}
按钮：将鼠标悬停在a上{
颜色：蓝色；
}

---

jQuery并不单纯地支持这一点。尝试使用jQuery.color插件：

<script type="text/javascript" src="http://code.jquery.com/color/jquery.color-2.1.2.min.js"></script>

不错！成功了！我还有一件事要问你。如何设置文本颜色的动画？我有一个嵌套在一个我试图做完全相同的事情为一个（a：悬停太），但文本不会动画。。。我用了过渡色：颜色0.5s；和a:hover{color:black；}最初它是绿色的。同样的技术也适用于此；我为您更新了我的示例。