div三级弹出层代码问题

http://www.gz-bohemian.com/tt/tttt.asp 这个地址是弹出信息的代码,当鼠标放到关于我们会弹出一层导航是没有问题的,再继续鼠标移下去,放到优秀伙伴,创始人这里就会有问题,虽然弹出来了第三层内容,但第二层的内容消失了,各位高手,可不可以帮我看下,解决一下是什么原因!谢谢大家了!代码如下
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<LINK href="css/css.css" type=text/css rel=stylesheet>
<style type="text/css">
<!--
.Layer1 {
position:absolute;
width:300px;
height:115px;
z-index:1;
margin-left:10px;
line-height:18px;
display:none;
}
.Layer2 {
position:absolute;
width:300px;
height:115px;
z-index:1;
margin-left:200px;
line-height:18px;
display:none;
}-->
</style>
<script language="javascript">
function show(num,i_)
{
var i=1;
   for (i=1;i<=i_;i++)
    { document.getElementById("d"+i).style.display="none";}
     document.getElementById("d"+num).style.display="block";
}
</script>
</head>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="line-height:18px;">
  <tr>
    <td width="4%">&nbsp;</td>
    <td width="31%" align="right"><a href="about.asp" class="qq" title="关于我们" onmousemove="show(1,11)">关于我们&nbsp; ABOUT US</a></td>
    <td width="65%" rowspan="9" valign="top">
<div id="d1" class="Layer1" style="display:block">
      <a href="about.asp?id=67" title="INTRODUCTION 公司介绍">INTRODUCTION 公司介绍</a><br />
      <a href="about.asp?id=47" title="DEVELOPMENT HISTORY 发展历程">DEVELOPMENT HISTORY 发展历程</a><br />
      <a href="about.asp?id=48" title="ELITE TEAM 精英团队">ELITE TEAM 精英团队</a><br />
      <a href="about.asp?id=49" title="CONCEPT 企业理念">CONCEPT 企业理念</a><br />
      <a href="javascript:void();" class="qq" onmousemove="show(10,11)">优秀伙伴</a><br />
      <a href="javascript:void();" class="qq" onmousemove="show(11,11)">创始人</a><br />
      <a href="about.asp?id=50" title="精英团队">精英团队</a><br />
    </div>
<div id="d2" class="Layer1" style="margin-top:18px;">
      <a href="product.asp?id=50" title="COMMERCIAL PHOTOGRAPHY 商业创作">COMMERCIAL PHOTOGRAPHY 商业创作</a><br />
      <a href="product.asp?id=51" title="CATALOG DESGIN 画册设计">CATALOG DESGIN 画册设计</a><br />
      <a href="ZZ.asp?id=52" title="MAGAZINE EDITION 杂志编辑">MAGAZINE EDITION 杂志编辑</a><br />
      <a href="#">VISUAL MARKETING 具象视觉</a><br />
      <a href="#">COMMERCIAL ACTIVITY 商业活动</a><br />
      <a href="#">NETWORK INTERACTION 网络互动</a><br />
      <a href="#">NETWORK INTERACTION 三维摄影</a><br />
    </div>
    <div id="d3" class="Layer1"><br /><br />
      <a href="product.asp?id=50">COMMERCIAL PHOTOGRAPHY 商业摄影</a><br />
    </div>
<div id="d4" class="Layer1"><br /><br />
    </div>
<div id="d5" class="Layer1"><br /><br /><br />
      <br />
      <br />
    </div>
<div id="d6" class="Layer1"><br /><br />
    </div>
<div id="d7" class="Layer1" style="margin-top:53px;"><br /><br />
      <a href="service.asp?id=61" title="CUSTOMER SERVICE 客户服务">CUSTOMER SERVICE 客户服务</a><br />
      <a href="service.asp?id=62" title="COMMERCIAL COOPERATION 商务合作">COMMERCIAL COOPERATION 商务合作</a><br />
      <a href="service.asp?id=63" title="">JOB&CAREER 精才加盟</a><br />
      <a href="service.asp?id=64" title="">CONTACT 联系我们</a><br />
    </div>
<div id="d8" class="Layer1"><br /><br /><br />
    </div>
<div id="d9" class="Layer1"><br /><br /><br />
    </div>
<div id="d10" class="Layer2" style="margin-top:10px;">
      <a href="about.asp?id=67" title="年度优秀员工">年度优秀员工</a><br />
      <a href="about.asp?id=47" title="各种奖项">各种奖项</a><br />
    </div>
<div id="d11" class="Layer2" style="margin-top:10px;">
      <a href="about.asp?id=67" title="人物简介">人物简介</a><br />
      <a href="about.asp?id=47" title="明星合照">明星合照</a><br />
      <a href="about.asp?id=47" title="部份作品">部份作品</a><br />
    </div>
</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="right"><a href="javascript:void();" class="qq" onmousemove="show(2,11)">产品服务 PHOTOGRAPHY SERVICE</a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="right"><a href="javascript:void();" class="qq" onmousemove="show(3,11)">荣誉出品 HONOR PRODUCT</a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="right"><a href="#" class="qq" onmousemove="show(4,11)">模特资源 MODEL RESOURCES</a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="right"><a href="http://blog.163.com/aaaaa1999@yeah/" target="_blank" title="企业博客 BLOG" class="qq" onmousemove="show(6,11)">企业博客 BLOG</a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="right"><a href="q" target="_blank" title="渠道网"class="qq" onmousemove="show(5,11)">渠道网</a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="right"><a href="javascript:void();" title="服务中心" class="qq" onmousemove="show(7,11)">服务中心 SERVICE CENTER</a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="right"><a href="law.asp" title="法律声明" class="qq" onmousemove="show(9,11)">法律声明 NOTICES</a></td>
  </tr>
</table>
<body>
</body>
</html>

解决方案 »

  1.   

    show(10,11)
    show(11,11)function show(num,i_)
    {
        var i=1;
          for (i=1;i<=i_;i++)
        { document.getElementById("d"+i).style.display="none";}        document.getElementById("d"+num).style.display="block";
    }
    楼主写的方法有问题，div10，跟div11，都显示了，其它的自然就被循环隐藏了。
      

  2.   

     //改成3个参数
            function show(num, i_, i_2) {
                var i = 1;
                for (i = 1; i <= i_; i++)
                { document.getElementById("d" + i).style.display = "none"; }
                document.getElementById("d" + num).style.display = "block";
                //把刚刚被隐藏的层，指定值，让它显示出来
                if (i_2 != "") {
                    document.getElementById("d" + i_2).style.display = "block";
                }
                else {
                    document.getElementById("d" + i_2).style.display = "none";
                }
            }  <a href="javascript:void();" class="qq" onmousemove="show(10,11,1)">优秀伙伴</a><br />
                    <a href="javascript:void();" class="qq" onmousemove="show(11,11,1)">创始人</a><br />