Verblassen Farbe von Links mit der Maus darüber mouseout mit jQuery

Question

Im Versuch, einen schönen verblassen zu Farbeffekt, wenn Sie die Maus über Links in jQuery zu erreichen.

Bisher habe ich:

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

Welche tatsächlich funktionieren tut. Jedoch vorstellen, wenn die Links Navigation sind, miteinander die Nähe. Wenn Sie versucht daneben von einem Link, mit dem man schwebt und mehrmals zurück. Die Links gehen mental in Verblassen und aus, wie würde ich ein Ereignis aufhören, „Warteschlange“, wenn es eine Animation schon passiert?

geschätzt Jede Beratung!

Answer 1

Sie suchen die stop Funktion

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