我想用js 实现如下功能： ，当我把鼠标放到蓝色导航文字上，自动出现该文字导航的下一级当行内容，具体说就是：当我把鼠标放到About Us 上，自动出现About Us 下的about astar、Investor、press Release这三个子导航信息，怎么做呀。那位高手有这方面的js代码！

[此贴子已经被作者于2007-5-8 11:19:36编辑过]

你要是用adobe dreamweaver CS3 就好了。。点一下鼠标就可以了。。

给你个简单吧！刚在前面帖发的

<table width=\"197\" height=\"40\" border=\"1\" cellpadding=\"0\" cellspacing=\"0\" bordercolor=\"#3D6772\">
 <tr>
 <td onMouseMove=\"table1.style.display='';\" onMouseOut=\"table1.style.display='none';\">菜单一</td>
 </tr>
 <tr id=\"table1\" style=\"display:none;\" onMouseMove=\"table1.style.display='';\" onMouseOut=\"table1.style.display='none';\">
 <td align=\"center\"><table width=\"170\" height=\"65\" border=\"1\" cellpadding=\"0\" cellspacing=\"2\" bordercolor=\"#000000\" bgcolor=\"#CACACA\">
 <tr>
 <td>菜单一（1）</td>
 </tr>
 <tr>
 <td>菜单一（2）</td>
 </tr>
 <tr>
 <td>菜单一（3）</td>
 </tr>
 </table></td>
 </tr>
 <tr>
 <td onMouseMove=\"table2.style.display='';\" onMouseOut=\"table2.style.display='none';\">菜单二</td>
 </tr>
 <tr id=\"table2\" style=\"display:none;\" onMouseMove=\"table2.style.display='';\" onMouseOut=\"table2.style.display='none';\">
 <td align=\"center\"><table width=\"170\" border=\"1\" cellpadding=\"0\" cellspacing=\"2\" bordercolor=\"#000000\" bgcolor=\"#CACACA\">
 <tr>
 <td>菜单二（1）</td>
 </tr>
 <tr>
 <td>菜单二（2）</td>
 </tr>
 <tr>
 <td>菜单二（3）</td>
 </tr>
 </table></td>
 </tr>
</table>

多谢，这个比用js 好多了，简单适用！