Question

所以经过一些质疑后我写了一个jsfiddle页面来向你展示我尝试过的东西。当越过链接时，div显示出来，但当鼠标移过它时，它会淡出并再次淡入淡出。不可能当它超过div时它会一直停留在那里直到你移开鼠标？

当你走到菜单栏Crepes上方时，jsfiddle的例子就有用了。这是我的jquery代码.. css和html在jsfiddle

感谢您的帮助！

<script type="text/javascript">
    $("#crep, #front").hover(function (e) {
            e.preventDefault();
            $("#front").fadeIn();   

         }, 

            function(){
            $("#front").fadeOut();
    });
  </script>

Answer 1

像这样添加事件.stop()：

    $("#crep, #front").hover(function (e) {
            e.preventDefault();
            $("#front").stop().fadeIn();   

         }, 
         function(){
            $("#front").stop().fadeOut();
    });

DEMO

Answer 2

我相信这可能会为您提供您所追求的功能......

var toggle = 0;
$("#crep, #front").hover(function (e) {         
    if(toggle == 0)
    {
        toggle = 1;
        $("#front").stop().fadeIn();   
    }else{
        toggle = 0;
        $("#front").stop().fadeOut();   
    }
});

jquery菜单栏fadein fadeout错误

2 个答案: