貌似默认的animate函数不支持color类型的渐变，我在网上找了一个插件，http://www.bitstorm.org/jquery/color-...，但是这个插件颜色变到最后总是差一点，比如我从#FFFFCC变到#FFFFFF，它最后不会变成纯白，在firebug里看发现背景也不是纯白，证明不是我眼睛的问题，以下为测试代码
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors-min.js"></script>
<script>
$(document).ready(function () {
$('body').animate({'backgroundColor' : '#FFFFFF'}, 1000);
});
</script>
</head>
<body style="background-color: #FFFFCC">
</body>
</html>
单独jquery无法实现颜色的渐变动画. 手册上有.
jQuery Color部分的animate需要jQuery UI的支持。
$(this).animate({ backgroundColor: "#ffffff" }, 'low');详细请见：http://jqueryui.com/demos/animate/。jQuery UI可以自定义下载需要的部分。
stackoverflow上有答案，试试这个http://stackoverflow.com/questions/19...
少年请用 CSS3
jquery的核心库是不能实现颜色渐变的。