3

http://www.izrada-weba.com/orso 鼠标悬停在链接“NENATKRIVENA TERASA...”子菜单和图像一起淡入。子菜单使用一些下载的脚本淡化，上面的图像使用我的代码淡化：

$(document).ready(function () {
   $("#slika1").hide();

  $("#test,#submenu2").hover(
      function () {
       $("#slika1").fadeIn();
      }, 
      function () {
         $("#slika1").fadeOut();
      }
    );       
});

当鼠标悬停在链接上时，图像淡入，当鼠标移至子菜单时，图像淡出，然后再次淡入...我知道为什么会这样，但是我不知道如何使它在直接移动鼠标时不淡出从链接到子菜单。有什么解决方案吗？

谢谢，伊莱

4

2 回答 2

16

函数 stop() 将停止指定元素上任何当前正在运行的动画。
尝试修改鼠标悬停功能：

$("#slika1").stop().fadeIn();


编辑：
子菜单似乎有问题没有完全消失（见ile的评论）。在我看来，这就像一个 jQuery 错误，但我不确定。也许有人可以插话并解释为什么会发生这种情况。
要解决这个问题，请尝试使用 fadeTo(); 它似乎产生了预期的结果：

$(document).ready(function () {
  $("#slika1").fadeTo(0,0);

  $("#test,#submenu2").hover(
    function () {
      $("#slika1").stop(true).fadeTo("normal",1);
    }, 
    function () {
      $("#slika1").fadeTo("normal",0);
    }
  );       
});
于 2009-10-31T00:32:31.963 回答
1

fadeIn()中断时不工作的问题fadeOut()是因为fadeIn()只有在元素被隐藏时才有效。无论您称其为错误还是功能。要解决此问题，您可以执行以下操作。

$("#mydiv").stop().hide().fadeIn(450);
于 2012-08-07T06:15:39.493 回答