求救一个JS效果

http://s42.hero.9wee.com/ 这是武林英雄网页游戏地址帐号：pohuanfujian 密码：jianailixiao 大牛们进去看看下面那个菜单效果怎么做出来的，就是点设施社交武官等弹出导航条，当点击设施的时候鼠标在移动到社交上设施那导航条就不显示总之点哪个出哪个相应的就消失。。这不是简简单单的onmouseover和onmouseout效果吧大牛们做个列子让小弟瞧瞧吧等待学习中。。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

这个效果很常见，粗略地写了一个例子，你看看。
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>横向菜单</TITLE>
<STYLE type="text/css">
td {FONT-SIZE: 13px; COLOR: #000000; LINE-HEIGHT: 22px;}
div{/*设置层背景样式*/
background-color:#FFFFFF;
text-align:center;position:absolute;z-index:2;display:none; }
A {FONT-SIZE: 13px; COLOR: #FFFFFF; TEXT-DECORATION: none;
/*文字链接的背影样式*/
background-color:#CCCCCC;
width:100px;line-height:22px;text-align:center;border-bottom:1 #FFFFFF solid;}
A:hover {FONT-SIZE: 13px; COLOR: #ffffff;
/*鼠标在文字链接上时的文字背景样式*/
background-color:#999999;
width:100px;line-height:22px;text-align:center;}
</STYLE>
<SCRIPT language="JavaScript">
function show(id){
document.getElementById("div"+id).style.display="block";
}
function hide(id){
document.getElementById("div"+id).style.display="none";
}
</SCRIPT>
</HEAD>
<BODY>
<center>

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="15%"><a href="#" onmouseover="show('1')"  onMouseOut="hide('1')">关于中信</a></td>
    <td width="15%"><a href="#" onmouseover="show('2')"  onMouseOut="hide('2')">公司业务</a></td>
    <td width="15%"><a href="#" onmouseover="show('3')"  onMouseOut="hide('3')">公益事业</a></td>
    <td width="15%"><a href="#" onmouseover="show('4')"  onMouseOut="hide('4')">中信研究</a></td>
    <td width="15%"><a href="#" onmouseover="show('5')"  onMouseOut="hide('5')">推荐招聘</a></td>
    <td width="15%"><a href="#" onmouseover="show('6')"  onMouseOut="hide('6')">特色推荐</a></td>
  </tr>
  <tr>
    <td><div onMouseMove="show('1')" onMouseOut="hide('1')" id="div1">
<a href="#">公司简介</a><br>
    <a href="#">集团领导</a><br>
    <a href="#">领导题词</a><br>
    <a href="#">业务回顾</a><br>
    <a href="#">公司历史</a><br>
<a href="#">中信风格</a><br>
<a href="#">公司年报</a><br>
<a href="#">公司要闻</a>
</div></td>
    <td><div onMouseMove="show('2')" onMouseOut="hide('2')" id="div2">
<a href="#">拿人钱财</a><br>
    <a href="#">替人消灾</a><br>
    <a href="#">上天入地</a><br>
    <a href="#">发货地方</a><br>
    <a href="#">会发光的</a><br>
<a href="#">复合管风</a><br>
<a href="#">放大回放</a><br>
<a href="#">并附一个</a>
</div></td>
    <td><div onMouseMove="show('3')" onMouseOut="hide('3')" id="div3">
<a href="#">拿人钱财</a><br>
     <a href="#">替人消灾</a><br>
     <a href="#">上天入地</a><br>
     <a href="#">发货地方</a><br>
     <a href="#">会发光的</a><br>
<a href="#">复合管风</a><br>
<a href="#">放大回放</a><br>
<a href="#">并附一个</a>

</div></td>
    <td><div onMouseMove="show('4')" onMouseOut="hide('4')" id="div4">
<a href="#">过户风格</a><br>
    <a href="#">脚后跟根</a><br>
    <a href="#">和他防御</a><br>
    <a href="#">飞得更高</a><br>
    <a href="#">会发光的</a><br>
<a href="#">不会放过</a><br>
<a href="#">放大回放</a><br>
<a href="#">发给蛋糕</a></div></td>
    <td><div onMouseMove="show('5')" onMouseOut="hide('5')" id="div5">
<a href="#">如愿天天<br>
    <a href="#">回家一股<br>
    <a href="#">复印费的<br>
    <a href="#">合同一个<br>
    <a href="#">萨尔的的<br>
<a href="#">机会哦看<br>
<a href="#">给银行股<br>
<a href="#">覆盖一个</div></td>
    <td><div onMouseMove="show('6')" onMouseOut="hide('6')" id="div6">
<a href="#">风格护肤</a><br>
    <a href="#">哪句话及</a><br>
    <a href="#">丝袜事实</a><br>
    <a href="#">过户费好</a><br>
    <a href="#">就看好哦</a><br>
<a href="#">按我说的</a><br>
<a href="#">及耦合剂</a><br>
<a href="#">哇这趋势</a></div></td>
  </tr>

</table>

</center>
</BODY>
</HTML>
感谢楼上的。。这个效果不难。。听他们説用什么延迟的效果做出来用到setTimeout我就郁闷了做不出来了
他是慢慢弹出的，肯定用setTimeout,实现画好一个层，放到最下面，当鼠标移上去的时候，按照setTimeout设定时间改变层坐标，直到完全显示。
我也玩武林，不过不在这个站，65破枪。嘿嘿。