Jquery 之后会一直褪色,鼠标悬停

Jquery 之后会一直褪色,鼠标悬停,jquery,fade,Jquery,Fade,我试图在鼠标上方淡入并在鼠标外淡出: $("p.follow").mouseover(function(){ $(this).fadeTo("slow", 1.00); }) $("p.follow").mouseout(function(){ $(this).fadeTo("fast", 0.50); }) 如果你去ryancoughlin.com,在右边,如果你浏览一下,你就会明白我的意思,它几乎就像是被卡住了一样,一直在褪色 有什么想法吗?试试这个:

我试图在鼠标上方淡入并在鼠标外淡出:

  $("p.follow").mouseover(function(){
        $(this).fadeTo("slow", 1.00);
})
$("p.follow").mouseout(function(){
        $(this).fadeTo("fast", 0.50);
})
如果你去ryancoughlin.com,在右边,如果你浏览一下,你就会明白我的意思,它几乎就像是被卡住了一样,一直在褪色

有什么想法吗?

试试这个:

$("p.follow").hover(function()
   {
      $(this).stop().fadeTo("slow", 1.00);
   },
   function()
   {
      $(this).stop().fadeTo("fast", 0.50);
   });
两个关键区别:我使用jQuery事件关联mouseover和mouseout事件处理程序,这样子元素就不会导致混乱的行为,并且我使用该函数防止动画重叠和相互抵消。

尝试以下方法:

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

两个关键区别:我使用jQuery事件关联mouseover和mouseout事件处理程序,这样子元素就不会导致混乱的行为,并且我使用该函数防止动画重叠和相互抵消。

每次鼠标移动到元素上时都会触发mouseover事件。由于效果是按顺序执行的,而且鼠标悬停的触发频率相当高,因此您会得到许多必须缓慢执行的效果


您可能需要的是悬停事件,它只对每个条目执行一次。

每次鼠标移动到元素上时,都会触发鼠标悬停事件。由于效果是按顺序执行的,而且鼠标悬停的触发频率相当高,因此您会得到许多必须缓慢执行的效果


您可能需要的是悬停事件,每个条目只执行一次。

这可能值得一看插件,它基本上使用了一点设置超时,因此如果用户在元素上快速移动鼠标,它将不会激活。很容易自己编写代码,但值得一看。

这个插件可能值得一看,它基本上使用了一点设置超时,这样,如果用户在元素上快速移动鼠标,它就不会激活。易于自己编写代码,但值得一看