想了好半天没想明白的问题。关于层的隐藏。UP有分

我mouseout,onmousemove?我也不会,只是想学习!

解决方案 »

  1.   

    层里面不用TABLE不就可以了吗？试试！！
      

  2.   

    但我觉得table的格式好控制一些
      

  3.   

    而且就算没有table的话，如果鼠标指向<a class="menu" href="#">全部新闻</a>，还是会触发div的onmouseout事件啊
      

  4.   

    层里不要用Table
    用<li>><a class="menu" href="#">国内新闻</a></li>
    这样就没问题了
      

  5.   

    对了，你可以这样
    <div id="OutDiv" onmouseover="hideDiv('MenuItems1')">
    <div id="MenuItems1" class="MenuDiv"></div>
    </div>
    这样每次你把鼠标移动到OutDiv上时，才会把MenuItems1隐藏
    而不用把onmouseout加在MenuItems1中
      

  6.   

    使用<li><a class="menu" href="#">英国</a></li>效果是一样的呀，因为只要进入<li>这个标签就会触发div的onmouseout事件啊，至于下面的那种方法太罗嗦了，有没有更好的？
      

  7.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
     <head>
    <style type="text/css">
    <!--
    #MenuItems{
    background-color:#CCCCCC;
    border:2px solid #616161;
    width:100px;
    height:50px;
    padding:0.5em;
    display:none;
    }
    -->
    </style>
    <script type="Text/JavaScript">
    <!--
    function mouse ()
    {
    document.getElementById("MenuItems1").onmousemove = function(){document.getElementById("MenuItems").style.display = "block";}
    document.getElementById("MenuItems").onmouseleave = function(){this.style.display = "none";}
    }
    //-->
    </script>
    <title> New Document </title>
    <meta name="Generator" content="EditPlus" />
    <meta name="Author" content="" />
    <meta name="Keywords" content="" />
    <meta name="Description" content="" />
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
     </head>
     <body onload="mouse()">
    <a href="#" onclick="return true" id="MenuItems1">Move</a>
    <div id="MenuItems">
    <table cellpadding="0" cellspacing="0" border="0" class="MenuTable">
    <tr>
    <td><a class="menu" href="#">国内新闻</a></td>
    </tr>
    <tr>
    <td><a class="menu" href="#">国外新闻</a></td>
    </tr>
    <tr>
    <td><a class="menu" href="#">全部新闻</a></td>
    </tr>
    </table>
    </div>
     </body>
    </html>
      

  8.   

    楼上的方法确实可行，但为什么我在.net2005里面没有onmouseleave事件啊？
    但运行不会出错，就是编辑的时候下面会有红线真不知道是怎么搞的。
      

  9.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
     <head>
    <style type="text/css">
    <!--
    body{
    font-size:14px;
    color:#6600FF;
    }
    ul{
    margin:0;
    padding:0;
    list-style:none;
    }
    ul li{
    padding:2px 0;
    }
    #MenuItems{
    background-color:#CCCCCC;
    border:2px solid #616161;
    width:100px;
    display:none;
    padding:5px 5px;
    }
    -->
    </style>
    <script type="Text/JavaScript">
    <!--
    function mouse ()
    {
    document.getElementById("MenuItems1").onmousemove = function(){document.getElementById("MenuItems").style.display = "block";}
    document.getElementById("MenuItems").onmouseover = function(){document.getElementById("MenuItems").style.display = "block";}
    document.getElementById("MenuItems").onmouseout = function(){document.getElementById("MenuItems").style.display = "none";}

    }
    //-->
    </script>
    <title> New Document </title>
    <meta name="Generator" content="EditPlus" />
    <meta name="Author" content="" />
    <meta name="Keywords" content="" />
    <meta name="Description" content="" />
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
     </head>
     <body onload="mouse()">
    <a href="#" onclick="return true" id="MenuItems1">Move</a>
    <div id="MenuItems">
    <ul>
    <li><a class="menu" href="#">国内新闻</a></li>
    <li><a class="menu" href="#">国外新闻</a></li>
    <li><a class="menu" href="#">全部新闻</a></li>
    </ul>
    </div>
     </body>
    </html>
    onmouseleave好像只有IE支持!