关于显示（onMouseOver)或隐藏(onMouseMove)菜单的一个问题！（很急！）

怎么会是onmousemove呢，如果是要在鼠标离开表格时隐藏菜单就应该用onmouxeout才对吗！onmousemove是鼠标在对象上移动时产生的事件，onmouseout都是离开对象时产生的事件！

解决方案 »

  1.   

    是这样的。
    当isvisible=true时，才开始判断鼠标是否在Div上移动，一旦出了Div的边界,将隐藏Div,若未出Div的边界，则继续显示Div。
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>menu</title>
    <script language="JavaScript">
    document
    </script>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }function MM_showHideLayers() { //v6.0
      var i,p,v,obj,args=MM_showHideLayers.arguments;
      for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
        if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
        obj.visibility=v; }
    }
    //-->
    </script>
    <style type="text/css">
    <!--
    body {
    font-size: 12px;
    color: 000099;
    text-decoration: none;
    }
    a {
    font-size: 12px;
    color: 000099;
    text-decoration: none;
    }
    -->
    </style>
    </head>
      

  3.   

    <body>
    <table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="167">&nbsp; </td>
      </tr>
      <tr> 
        <td><table width="76%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="b2b2b2">
            <tr bgcolor="faf9e8"> 
              <td><div id="menu1" style="position:absolute; top:60px; width:111px; height:91px; z-index:1; visibility: hidden;"> 
                  <table style="border:2px solid #b2b2b2" width="106" border="0" cellspacing="1" cellpadding="2">
                    <tr>
                      <td><a href="#">菜单一.1</a></td>
                    </tr>
                    <tr>
                      <td><a href="#">菜单一.2</a></td>
                    </tr>
                    <tr>
                      <td><a href="#">菜单一.3</a></td>
                    </tr>
                    <tr>
                      <td><a href="#">菜单一.4</a></td>
                    </tr>
                    <tr>
                      <td><a href="#">菜单一.5</a></td>
                    </tr>
                    <tr>
                      <td><a href="#">菜单一.6</a></td>
                    </tr>
                  </table>
                </div>
                <a href="#" onMouseOver="MM_showHideLayers('menu1','','show','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','hide','menu6','','hide')" onMouseOut="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','hide','menu6','','hide')">菜单一</a></td>
              <td> <div id="menu2" style="position:absolute; top:60px; width:111px; height:91px; z-index:1; visibility: hidden;"> 
                  <table style="border:2px solid #b2b2b2" width="106" border="0" cellspacing="1" cellpadding="2">
                    <tr> 
                      <td><a href="#">菜单二.1</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单二.2</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单二.3</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单二.4</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单二.5</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单二.6</a></td>
                    </tr>
                  </table>
                </div>
                <a href="#" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','show','menu3','','hide','menu4','','hide','menu5','','hide','menu6','','hide')" onMouseOut="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','hide','menu6','','hide')">菜单二</a></td>
              <td><div id="menu3" style="position:absolute; top:60px; width:111px; height:91px; z-index:1; visibility: hidden;"> 
                  <table style="border:2px solid #b2b2b2" width="106" border="0" cellspacing="1" cellpadding="2">
                    <tr> 
                      <td><a href="#">菜单三.1</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单三.2</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单三.3</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单三.4</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单三.5</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单三.6</a></td>
                    </tr>
                  </table>
                </div>
                <a href="#" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','show','menu4','','hide','menu5','','hide','menu6','','hide')" onMouseOut="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','hide','menu6','','hide')">菜单三</a></td>
              <td><div id="menu4" style="position:absolute; top:60px; width:111px; height:91px; z-index:1; visibility: hidden;"> 
                  <table style="border:2px solid #b2b2b2" width="106" border="0" cellspacing="1" cellpadding="2">
                    <tr> 
                      <td><a href="#">菜单四.1</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单四.2</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单四.3</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单四.4</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单四.5</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单四.6</a></td>
                    </tr>
                  </table>
                </div>
                <a href="#" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','show','menu5','','hide','menu6','','hide')" onMouseOut="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','hide','menu6','','hide')">菜单四</a></td>
              <td><div id="menu5" style="position:absolute; top:60px; width:111px; height:91px; z-index:1; visibility: hidden;"> 
                  <table style="border:2px solid #b2b2b2" width="106" border="0" cellspacing="1" cellpadding="2">
                    <tr> 
                      <td><a href="#">菜单五.1</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单五.2</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单五.3</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单五.4</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单五.5</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单五.6</a></td>
                    </tr>
                  </table>
                </div>
                <a href="#" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','show','menu6','','hide')" onMouseOut="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','hide','menu6','','hide')">菜单五</a></td>
              <td><div id="menu6" style="position:absolute; top:60px; width:111px; height:91px; z-index:1; visibility: hidden;"> 
                  <table style="border:2px solid #b2b2b2" width="106" border="0" cellspacing="1" cellpadding="2">
                    <tr> 
                      <td><a href="#">菜单六.1</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单六.2</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单六.3</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单六.4</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单六.5</a></td>
                    </tr>
                    <tr> 
                      <td><a href="#">菜单六.6</a></td>
                    </tr>
                  </table>
                </div>
                <a href="#" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','hide','menu6','','show')" onMouseOut="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','hide','menu6','','hide')">菜单六</a></td>
            </tr>
          </table></td>
      </tr>
    </table>
    </body>
    </html>
      

  4.   

    将上面两个合并成一个html文件，预览，就OK啦！！！
      

  5.   

    非常感谢funove007(剑三十)大哥的指点！
    使我豁然开朗！
    我觉得我真的进步了！