Try:<div id="Layer2" onMouseOut="return cc()">
  <p>nihao</p>
  <p>nihao</p>
  <p>nihao</p>
  <p>nihao</p>
  <p>nihao</p>
</div>
<div id="Layer1" onMouseOut="return aa()">
  <p>9ican</p>
  <p>9ican</p>
  <p>9ican</p>
  <p>9ican</p>
  <p>9ican</p>
</div>
<a href="#" onMouseOver="return bb()">aaa</a>
<a href="#" onMouseOver="return dd()">aaa</a>

解决方案 »

  1.   

    <html>
    <head>
    <style type="text/css">
    <!--
    #Layer2 {
    position:absolute;
    width:200px;
    height:173px;
    z-index:1;
    top: 39px;
    left: 11px;
    visibility: visible;
    }
    #Layer1 {
    position:absolute;
    width:200px;
    height:173px;
    z-index:1;
    top: 39px;
    left: 11px;
    visibility: visible;
    }
    --></style>
    <script language="javascript">
    function bb()
    {
    window.document.all.Layer1.style.display="";
    window.document.all.Layer2.style.display="none";
    }
    function dd()
    {
    window.document.all.Layer1.style.display="none";
    window.document.all.Layer2.style.display="";
    }
    </script>
    </head><body onLoad="bb();">
    <div id="Layer2">
    <p>nihao</p>
    <p>nihao</p>
    <p>nihao</p>
    <p>nihao</p>
    <p>nihao</p>
    </div>
    <div id="Layer1">
    <p>9ican</p>
    <p>9ican</p>
    <p>9ican</p>
    <p>9ican</p>
    <p>9ican</p>
    </div>
    <a href="#" onMouseOver="return bb()" >aaa</a>
    <a href="#" onMouseOver="return dd()" >aaa</a>
    </body>
    </html>