我做了一个实验,按照自己的理解,用层制作3级菜单,可是这第三级怎么就不出来,具体说就是下面代码中*****部分不起作用,请问如何修改..????
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>layer1</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=javascript>
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"

)>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'

v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</SCRIPT>
<META content="MSHTML 6.00.2900.2627" name=GENERATOR></HEAD>
<BODY bgColor=#000000 topMargin=0>
<DIV align=center>
<TABLE width=100 border=0 cellPadding=0 cellSpacing=0 >
<TBODY>
<TR>
<TD height="10" bgcolor="#FFFFFF">A</TD>
</TR>
<TR>
<TD height="50" valign="top" bgcolor="#FF0000" onMouseOver="MM_showHideLayers('layer0','','show','layer1','','show','layer2','','hide','layer3','','hide')" onMouseOut="MM_showHideLayers('layer0','','hide','layer1','','hide','layer2','','hide','layer3','','hide')" >
<DIV id=Layer0
style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 1; BORDER-LEFT: #000000 1px; WIDTH: 100px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; HEIGHT: 50px; BACKGROUND-COLOR: #0000ff; layer-background-color: #0000FF; visibility: hidden;">
<DIV id=Layer1
style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 2; LEFT: 0px; BORDER-LEFT: #000000 1px; WIDTH: 150px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 50px; HEIGHT: 50px; BACKGROUND-COLOR: #ffff00; layer-background-color: #FFFF00; visibility: hidden;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20" bgcolor="#666666"
******onMouseOver="MM_showHideLayers('layer0','','show','layer1','','show','layer2','','show','layer3','','show')"
******onMouseOut="MM_showHideLayers('layer0','','hide','layer1','','hide','layer2','','hide','layer3','','hide')"
>
<DIV id=Layer2
style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 3; LEFT: 0px; BORDER-LEFT: #000000 1px; WIDTH: 150px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 0px; HEIGHT: 20px; BACKGROUND-COLOR: #cccccc; layer-background-color: #CCCCCC; visibility: hidden;">1-1</DIV>
1
<div id="Layer3" style="position:absolute; width:200px; height:20px; z-index:3; left: 150; top: 0; background-color: #FFCCFF; layer-background-color: #FFCCFF; border: 1px none #000000; visibility: hidden;">2-2</div></td>
</tr>
<tr>
<td bgcolor="#FF00FF"> 2 </td>
</tr>
<tr>
<td>3</td>
</tr>
</table>
</DIV>
BB</DIV>
AA</TD>
</TR>
<TR>
<TD> </TD></TR></TBODY></TABLE></DIV></BODY></HTML>