使用jQuery对悬停的淡入淡出效果

Question

我目前正在使用jQueryUI这样的悬停效果：

$('#menu-header-menu li a').hover(
    function() {
        $(this).animate({ backgroundColor: '#eaeaea'}, 500);
    }, 
    function() {
        $(this).animate({ backgroundColor: '#fff'}, 500);
    }
);

但我觉得包含jQuery和jQueryUI库来实现这一点并不是必需的。是否有任何智能方法可以使用fadeIn和fadeOut仅使用jQuery执行此操作？

我尝试过各种各样的东西，但如果没有jQueryUI，它就无法运行。

谢谢/托比亚斯

Answer 1

要使用颜色执行动画，您需要使用fx中的jQuery Color Animations Plugin或简体jQuery UI包。

Answer 2

或者，您可以使用此插件为类设置动画：http://plugins.jquery.com/project/animate-to-class