Couleur des liens au passage de la souris avec jQuery

Question

J'essaie d'obtenir un joli dégradé lorsque vous passez la souris sur des liens dans jQuery.

Jusqu'à présent, j'ai:

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

qui ne fonctionnent réellement bien. Cependant, imaginez si les liens sont la navigation, étant proches les uns des autres. Si vous avez essayé de planer à partir d'un lien, à celui qui se trouve à côté et revenir plusieurs fois. Les liens vont et viennent mentalement, comment est-ce que j'arrêterais un événement "en file d'attente" s'il y a déjà une animation?

Un conseil apprécié!

Answer 1

Vous êtes à la recherche de la fonction stop

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