Затухающий цвет ссылок при наведении курсора мыши с помощью jQuery

Question

Я пытаюсь добиться хорошего эффекта постепенного изменения цвета при наведении курсора на ссылки в jQuery.

Пока у меня есть:

$('a').hover(
function () { 
    $(this).animate({ color: '#fff' }, 1000 );
},
function () { 
    $(this).animate({ color: '#000' }, 1000 );
});

Что на самом деле работает нормально.Однако представьте, что ссылки являются навигационными, находясь близко друг к другу.Если вы пытались зависнуть от одной ссылки, до той, что рядом с ней, и назад несколько раз.Ссылки исчезают и исчезают, как бы я прекратил "ставить в очередь" событие, если анимация уже происходит?

Любой совет приветствуется!

Answer 1

Вы ищете функцию stop

$('a').hover(
    function () { 
        $(this).stop().animate({ color: '#fff' }, 1000 );
    },
    function () { 
        $(this).stop().animate({ color: '#000' }, 1000 );
    }
);