jquery：简单的动画问题

Question

  

可能重复：
  jQuery animate backgroundColor

http://johanberntsson.se/dev/fysiosteo/

如果你将菜单悬停，我希望主菜单将其背景颜色淡出到#fff超过1秒。但是我无法让它发挥作用。我的代码：

 $('#menu-main-menu').children('li').mouseout(function () {
            $(this).css('background', '#AFFFAF').animate({ 'background' : '#fff' }, 1000);
        });

我从不使用animate（），所以我可能错过了一些明显的东西。感谢。

Answer 1

可能会在您的动画标签中放置一个函数，以便......

$(this).css('background', '#AFFFAF').animate(function() {$(this).css('background', '#FFF')}, 1000);

Answer 2

试试这个代码段：

$("#menu-main-menu").children('li').mouseout(function() {
    $(this).animate({ backgroundColor: "#fff" }, 1000);
});