标准树状导航菜单.doc

<styletype="text/css"><!--*{margin:0;padding:0;border:0;}body{font-family:arial,宋体,serif;font-size:12px;}#nav{width:180px;line-height:24px;list-style-type:none;text-align:left;/*定义整个ul菜单的行高和背景色*/}/*==================一级目录===================*/#nava{width:160px;display:block;padding-left:20px;/*Width(一定要),否则下面的Li会变形*/}#navli{background:#CCC;/*一级目录的背景色*/border-bottom:#FFF1pxsolid;/*下面的一条白边*/float:left;/*float:left,本不应该设置,但由于在Firefox不能正常显示继承Nav的width,限制宽度,li自动向下延伸*/}#navlia:hover{background:#CC0000;/*一级目录onMouseOver显示的背景色*/}#nava:link{color:#666;text-decoration:none;}#nava:visited{color:#666;text-decoration:none;}#nava:hover{color:#FFF;text-decoration:none;font-weight:bold;}/*==================二级目录===================*/#navliul{list-style:none;text-align:left;}#navliulli{background:#EBEBEB;/*二级目录的背景色*/}#navliula{padding-left:20px;width:160px;/*padding-left二级目录中文字向右移动,但Width必须重新设置=(总宽度-padding-left)*/}/*下面是二级目录的链接样式*/#navliula:link{color:#666;text-decoration:none;}#navliula:visited{color:#666;text-decoration:none;}#navliula:hover{color:#F3F3F3;text-decoration:none;font-weight:normal;background:#CC0000;/*二级onmouseover的字体颜色、背景色*/}/*==============================*/#navli:hoverul{left:auto;}#{left:auto;}#content{clear:left;}#{display:none;}-->#PARENT{width:300px;padding-left:20px;}</style><divid="PARENT"><ulid="nav"><li><ahref="#Menu=ChildMenu1"onclick="DoMen