使用jQuery在mouseover mouseout上淡化链接的颜色

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); 
    } 
);