jQuery动画背景颜色

Question

jQuery动画背景颜色我试图在鼠标上使用jQuery动画化背景颜色的变化。我已经检查了一些示例，似乎它是正确的，它适用于其他属性，如fontSize，但是对于backoundColor我得到和“无效属性”js错误。我正在使用的元素是div。$(".usercontent").mouseover(function() {     $(this).animate({ backgroundColor: "olive" }, "slow");});有什么想法吗？

Answer 1

我也遇到了同样的问题，并通过包含jQueryUI来修复它。以下是完整的脚本：

<!-- include Google's AJAX API loader --><script src=" 
<!-- load JQuery and UI from Google (need to use UI to animate colors) --><script type="text/javascript">
google.load("jqueryui", "1.5.2");</script><script type="text/javascript">$(document).ready(function() {$('#menu ul li.item').hover(
    function() {
        $(this).stop().animate({backgroundColor:'#4E1402'}, 300);
        }, function () {
        $(this).stop().animate({backgroundColor:'#943D20'}, 100);
    });});</script>