تلاشي لون الروابط على ماوسفر mouseout مع 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 );
    }
);