Javascript设计网页中的下拉菜单

　　<DIV ID='pad' ……>
　　<A ID='pad1' onmouseout="mouseout(); hideMenu();" onmouseover="mouseover();
　　doMenu('idpad1');" onclick="window.event.returnValue=false;">菜单项一</A>
　　<A ID='pad2' onmouseout="mouseout(); hideMenu();" onmouseover="mouseover();
　　doMenu('idpad2');" onclick="window.event.returnValue=false;">菜单项二</A>
　　……
　　</DIV> 　

　　<SPAN ID='idpad1' STYLE='display:none; z-index:9;' onmouseout='hideMenu();'>
　　 <HR STYLE='position:absolute;left:0;top:0;color:white' SIZE=1>
　　 <DIV >
　　 <A ID='pad1' HREF='11.htm' onmouseout="mouseout();" onmouseover="mouseover()">
　　 子菜单项一一</A><BR>
　　 <A ID='pad1' HREF='12.htm' onmouseout="mouseout();" onmouseover="mouseover()">
　　 子菜单项一二</A><BR>
　　 <HR STYLE='color:white' SIZE=1><!--如有必要可以用横线对子菜单分组-->
　　 <A ID='pad1' HREF='13.htm' onmouseout="mouseout();" onmouseover="mouseover()">
　　 子菜单项一三</A><BR>
　　……
　　 </DIV>
　　</SPAN> 　

　　CurMenu.style.clip = "rect(0 0 0 0) ";CurMenu.style.display = "block";