jquery - 鼠标悬停后不断淡入

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()防止动画重叠和相互抵消的功能。