请教一个关于JQuery动画效果的问题。

[jerichowon]

我想实现一种效果：鼠标进入Div的时候Div背景色变色，代码我写成下面的样子：
$("#DivId").hover(function () {
$(this).animate({ backgroundColor: "#000"}, 500);
},
function () {
$(this).animate({ backgroundColor: "#fff"}, 500);
});

可是运行以后没有效果- -!!

我查看其他网站js代码后发现有些网站也是这么写的，效果就很好。

请教一下大家到底是哪里出问题了？

[issac]

css:
div {background-color:#fff;}
div:hover {background-color:#000;}

[cmonday]

jQuery 的 animate 方法自身并不支持颜色。请参考这里的答案：
http://stackoverflow.com/questions/190560/jquery-animate-backgroundcolor

[frittle]

需要jQuery UI库，或者这个相对来说小很多的jQuery插件
https://github.com/jquery/jquery-color

详细的楼上那个链接里也说明了。

[jerichowon]

发现了，要引入一个jquery.effect.core.js的文件，然后渐变效果就有了。

[icyflash]

Have fun with css3

http://jsfiddle.net/icyflash/p8gCL/

[jerichowon]

@icyflash 打算学一下css3了