Question

jquery的animate问题

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#clickme").click(function(){
$("#hideme").animate({backgroundColor: "#000000"},"slow");//backgroundColor: "#fbc7c7"
});
});
</script>

<input type="button" value="clickme" id="clickme" />
<div id="hideme" style="width:50px; height:50px; border:1px solid #FF99CC; background-color:#FFCCFF; text-align:center; vertical-align:middle; line-height:300px;">
</div>
运行后没任何反应，请高手帮忙解答！

Answer 1

.animate() 方法只可以操作以下样式，所以你的代码不生效：
------------------------------------------------
* backgroundPosition
* borderWidth
* borderBottomWidth
* borderLeftWidth
* borderRightWidth
* borderTopWidth
* borderSpacing
* margin
* marginBottom
* marginLeft
* marginRight
* marginTop
* outlineWidth
* padding
* paddingBottom
* paddingLeft
* paddingRight
* paddingTop
* height
* width
* maxHeight
* maxWidth
* minHeight
* maxWidth
* font
* fontSize
* bottom
* left
* right
* top
* letterSpacing
* wordSpacing
* lineHeight
* textIndent
---------------------------------------
如果想用js控制背景可以这样写：$("#hideme").css("background","#000")

Answer 2

呵呵 很简单 jQuery文档上就提到了。。
想用animate改变颜色，渐变颜色的动画，需要官方的一个插件。
引入了那个插件你的代码就能用了。
http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js
引用这个就行了。。 呵呵

Answer 3

你是要用animate属性更换背景色吧，非常抱歉，呵呵，animate不可以更换背景色

Answer 4

animate修改不了颜色的
这里有一个JavaScript 颜色梯度和渐变效果
你可以参考一下