jQueryを使ってマウスオーバー、マウスアウト上のリンクの色をフェージング

Question

イムときにjQueryのリンクにマウスポインタを重ねる色効果に素敵なフェードを達成しようとします。

これまでのところ、私は持っています：

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

実際に作業の罰金を行います。

。リンクはお互いに近い、ナビゲーションしている場合は、想像してみてください。あなたは一つのリンクからホバリングしようとした場合、その隣の1へと戻って数回。 リンクは、どのように私は、イベントが「キューに入れられた」という停止するうちにフェージング精神的に行くのアニメーションがある場合は、すでに起こっ？

何かアドバイスは大歓迎！

Answer 1

あなたは stop の機能を探しています。

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