求助，开始菜单自动隐藏效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<script language="JavaScript1.2">function move(x) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.visibility = "visible"}
else if (document.layers) {
document.object1.left += x;
document.object1.visibility = "show"}};function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
else {eval(document.object1.top=eval(window.pageYOffset+20));}
setTimeout("makeStatic()",0);}
</script><style>
<!--.hl {
Background-Color : yellow;
Cursor:n-resize;
}
.n {
Cursor:n-resize;
}
-->
</style>
<body leftmargin=20 bgcolor="#339966">
<!--#BCODE -->
<LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onmouseover="move(132)" onmouseout="move(-132)"><script language="JavaScript1.2">function positionmenu(){
move(-132)
}if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}
</script><table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000">
<tr><td bgcolor="#0099FF" align="center"> <span style="font-size:11pt;font-family: "宋体"><b>导航菜单</b></span></td><script language="JavaScript1.2">
document.write('<td align="center" rowspan="100" width="16" bgcolor="#FF6666"><span style="font-size:13px;font-family: "宋体"><p align="center"><b>孟<br>宪<br>会<br>之<br>精<br>彩<br>世<BR>界</b></p></span></TD>')
</script></tr><script language="JavaScript1.2"><!--
if (document.all||document.layers) {
makeStatic();}var text=new Array();
var thelink=new Array();//configure thelinks below. Extend as desiredtext[0]="上海站";
text[1]="北京站";
text[3]="美国站";
text[4]="51站";thelink[0]="http://lucky.myrice.com";
thelink[1]="http://crinamxh.at.china.com";
thelink[3]="http://elove.no-frills.net";
thelink[4]="http://egirl.51.net";
//enter target of above links
//Valid values are '', 'new', or 'framename' (where 'framename' is the name of the frame you wish the links to target)
var linktarget='new'///DO NOT EDIT BELOW THIS LINE////////////////function navigateie(which){
if (linktarget=='')
window.location=thelink[which]
else if (linktarget=='new')
window.open(thelink[which])
else{
temp_var=eval("window.parent."+linktarget)
temp_var.location=thelink[which]
}
}for (i=0;i<=text.length-1;i++)
if (document.all) {document.write('<TR><TD height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><FONT SIZE=2 FACE=ARIAL>&nbsp;'+text[i]+'</FONT></TD></TR>')}
else {document.write('<TR><TD bgcolor="white"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor=\'yellow\'" onmouseout="this.bgColor=\'white\'" width=131><FONT SIZE=2 FACE=ARIAL>&nbsp;<A HREF="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</A></FONT></LAYER></ILAYER></TD></TR>')}//-->
</script>
<tr>
<td bgcolor="#0099FF"> </td>
</TR>
</table>
<script language="JavaScript1.2">
if (document.all) {document.write('</DIV>')}
window.onload=positionmenu
</script>
</LAYER>
</BODY></HTML>

解决方案 »

  1.   

    Http://www.51windows.com
    Http://www.51window.com
    ================================================================CSDN 论坛助手 Ver 1.0 B0402提供下载。 改进了很多，功能完备！★  浏览帖子速度极快！[建议系统使用ie5.5以上]。 
    ★  多种帖子实现界面。 
    ★  保存帖子到本地[html格式]
    ★  监视您关注帖子的回复更新。
    ★  可以直接发贴、回复帖子
    ★  采用XML接口，可以一次性显示4页帖子,同时支持自定义每次显示帖子数量。
        可以浏览历史记录！ 
    ★  支持在线检测程序升级情况，可及时获得程序更新的信息。★★ 签名  ●  
         可以在您的每个帖子的后面自动加上一个自己设计的签名哟。Http://www.ChinaOK.net/csdn/csdn.zip
    Http://www.ChinaOK.net/csdn/csdn.rar
    本签名由 CSDN 论坛助手自动添加！
      

  2.   

    <table>
     <tr><td onmouseover="javascript:child.style.display='block';" onmouseout="javascript:child.style.display='none'">天津</td>
     </tr>
     <tr><td><table id="child" onmouseover="javascript:child.style.display='block';"onmouseout="javascript:child.style.display='none'" >
    <tr><td>上海</td></tr>
    <tr><td>北京</td></tr>
              </table>
     </td></tr></table>
      

  3.   

    <script>
    function showmenu(obj,bool)
    {
    mystyle=bool?"visible":"hidden"
    obj.style.visibility=mystyle;
    }
    </script><div id=menu style="visibility:hidden;position:absolute;left:10px;top:0px;height:30px;width:100%" onmouseout=showmenu(menu,false);showmenu(menuarea,true)>*****************</div>
    <div id=menuarea style="visibility:visible;position:absolute;left:10px;top:0px;height:30px;width:100%" onmouseover=showmenu(menuarea,false);showmenu(menu,true)>first line</div>
    second line<br>third line
      

  4.   

    加iframe在menu层里即可
    <script>
    function showmenu(obj,bool)
    {
    mystyle=bool?"visible":"hidden"
    obj.style.visibility=mystyle;
    }
    </script>
    <div id=menu style="visibility:hidden;position:absolute;left:10px;top:0px;height:30px;width:100%" onmouseout=showmenu(menu,false);showmenu(menuarea,true)><iframe src="menu.htm"></iframe></div>
    <div id=menuarea style="visibility:visible;position:absolute;left:10px;top:0px;height:30px;width:100%" onmouseover="showmenu(menuarea,false);showmenu(menu,true)">first line</div>
    second line<br>third line