jquery：简单的动画问题[重复]

Posted 2023-05-08

【中文标题】jquery：简单的动画问题[重复]

【英文标题】：jquery: simple animate question [duplicate]

【发布时间】：2011-10-04 21:24:57

【问题描述】：

可能重复：jQuery animate backgroundColor

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

如果您将鼠标悬停在菜单上，我希望主菜单在 1 秒内将其背景色淡出为 #fff。但我无法让它工作。我的代码：

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

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

【问题讨论】：

+1 表示重复，您还必须使用background-color 而不是background。颜色插件也包含在 jQuery UI 中，所以如果你使用它，除了上面的修复之外，你不需要其他任何东西。

看起来那个插件的页面已经没有了。谁能找到更新的链接？

包含 jquery UI，但我仍然没有看到动画。如果我错过了什么，你能检查一下来源吗？

【参考方案1】：

试试这个 sn-p：

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

【参考方案2】：

也许可以在你的动画标签中放置一个函数...

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