代码之家  ›  专栏  ›  技术社区  ›  ilija veselica

Jquery悬停淡出/淡出问题

  •  3
  • ilija veselica  · 技术社区  · 15 年前

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

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

    2 回复  |  直到 15 年前
        1
  •  16
  •   Jataro    15 年前

    函数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);
        }
      );       
    });
    
        2
  •  1
  •   biegleux piyush    12 年前

    问题在于 fadeIn() 工作时不工作 fadeOut() 被打断是因为 法代因()

    $("#mydiv").stop().hide().fadeIn(450);