关于jq显示隐藏的效果

function鼠标htmlclass标签

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
      <meta http-equiv="content-type" content="text/html;charset=utf-8">
      <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
      <title> js test </title>
     </head> <body>
    <a class="mune_1">按钮</a>
    <span class="second_mune" style="display:none">内容</span>  <script type="text/javascript">
        var et = null;
    $('.mune_1').hover(function(){
    if(et!=null){
    clearTimeout(et);
    }
    $('.second_mune').show();
    },function(){
    et = setTimeout(function(){
    $('.second_mune').hide();
    },100);
    })
    $('.second_mune').hover(function(){
    if(et!=null){
    clearTimeout(et);
    }
    $('.second_mune').show();
    },function(){
    et = setTimeout(function(){
    $('.second_mune').hide();
    },100);
    })
      </script> </body>
    </html>
      

  2.   

    感觉加个容器比较好<span>
        <a class="mune_1">按钮</a>
        <span class="second_mune" style="display:none">内容</span>
    </span>
        $('.mune_1').hover(function(){
          $(this).parent().hover(function(){
            $('.second_mune').show();
          },function(){
            $('.second_mune').hide();
          })
        })   
      

  3.   

    三楼的 加个parent()，鼠标移到其它a标签上也会显示层了，怎么解决？？