эффект fadeIn и Out при наведении курсора с помощью 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

Для выполнения анимации с цветами вам потребуется использовать плагин jQuery Color Animations или пакет fx из jQuery UI.

.

Answer 2

Кроме того, вы можете анимировать класс с помощью этого плагина: http://plugins.jquery.com/project/animate-to-class