一直在淡出，鼠标悬停

Question

我正试着淡出

鼠标悬停和鼠标淡出时淡出：

  $("p.follow").mouseover(function(){
        $(this).fadeTo("slow", 1.00);
})
$("p.follow").mouseout(function(){
        $(this).fadeTo("fast", 0.50);
})

如果你去ryancoughlin.com，在右边，如果你看过它，你就会明白我的意思，它几乎就像是卡住了，一直在淡出。

有什么想法吗？

Answer 1

试试这个：

$("p.follow").hover(function()
   {
      $(this).stop().fadeTo("slow", 1.00);
   },
   function()
   {
      $(this).stop().fadeTo("fast", 0.50);
   });

两个主要区别:我使用jQuery hover事件来关联mouseover和mouseout事件处理程序，这样子元素就不会导致混乱的行为，我使用stop()函数来防止动画重叠和相互抵消。

Answer 2

hoverintent插件可能值得一看，它基本上使用了一个小的setTimeout，所以如果用户快速地在元素上移动鼠标，它就不会被激活。自己编写代码很容易，但值得一看。

Answer 3

每次鼠标移到元素上时，都会触发mouseover事件。由于特效是按顺序执行的，而且鼠标悬停是相当频繁的，所以你会得到许多必须“缓慢”执行的特效。

您可能需要的是hover-event，它对每个条目只执行一次。