jQuery动画背景颜色

Question

jQuery动画背景颜色

我试图在鼠标上使用jQuery动画化背景颜色的变化。

我已经检查了一些示例，似乎它是正确的，它适用于其他属性，如fontSize，但是对于backoundColor我得到和“无效属性”js错误。我正在使用的元素是div。

$(".usercontent").mouseover(function() {
    $(this).animate({ backgroundColor: "olive" }, "slow");});

有什么想法吗？

Answer 1

我也遇到了同样的问题，并通过包含jQueryUI来修复它。以下是完整的脚本：<!--&nbsp;include&nbsp;Google's&nbsp;AJAX&nbsp;API&nbsp;loader&nbsp;--><script&nbsp;src="&nbsp; <!--&nbsp;load&nbsp;JQuery&nbsp;and&nbsp;UI&nbsp;from&nbsp;Google&nbsp;(need&nbsp;to&nbsp;use&nbsp;UI&nbsp;to&nbsp;animate&nbsp;colors)&nbsp;--><script&nbsp;type="text/javascript"> google.load("jqueryui",&nbsp;"1.5.2");</script><script&nbsp;type="text/javascript">$(document).ready(function()&nbsp;{$('#menu&nbsp;ul&nbsp;li.item').hover( &nbsp;&nbsp;&nbsp;&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).stop().animate({backgroundColor:'#4E1402'},&nbsp;300); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).stop().animate({backgroundColor:'#943D20'},&nbsp;100); &nbsp;&nbsp;&nbsp;&nbsp;});});</script>