<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="zh-CN" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>div+css制作树形目录</title>
<script language="javascript" type="text/javascript">
<!--//function menucheck(menunum,imgone,imgtwo,hhhnum)
{
var a=document.getElementById( menunum + hhhnum );
var d=document.getElementById( imgone + hhhnum);
var e=document.getElementById( imgtwo + hhhnum);
var b=hhhnum;
var c;
for(i=1;i<=6;i++){
if (i==b){if (a.className=='undis'){a.className='dis';d.src='open.gif';e.src='fopen.gif';}else{a.className='undis';d.src='close.gif';e.src='fclose.gif';}}
else
{c=document.getElementById(menunum+i);f=document.getElementById(imgone+i);g=document.getElementById(imgtwo+i);c.className='undis';f.src='close.gif';g.src='fclose.gif';}}
}
//-->
</script>
<style type="text/css">
body {TEXT-ALIGN: center;margin:0;}
body,td,th {font-size: 16px;}
.dis {display:block;}
.undis {display:none;}
.Maxmenudiv {margin:auto;width:181px;height:18px;}
.Imgmenudiv{height:18px; float:left;}
.Imgbgmenu{ background:url(FeiyunImg/vertline.gif); width:18px; height:18px; float:left;}
.fontmenudiv{height:18px; line-height:18px; overflow:hidden; float:left;}
</style>
</head>
<boby>
<div class="Maxmenudiv"><div class="Imgmenudiv"><img src="home.gif" width="18" height="18"></div><div class="fontmenudiv">管理菜单</div></div><div class="Maxmenudiv" style="cursor:pointer;" onclick="menucheck('sqamenu','menuoneimg','menutwoimg',1);"><div class="Imgmenudiv"><img src="close.gif" width="18" height="18" id=menuoneimg1></div><div class="Imgmenudiv"><img src="fclose.gif" id=menutwoimg1></div><div class="fontmenudiv">基本管理</div></div>
<div id="sqamenu1" class="undis"> 
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='node.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='node.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='nodeend.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
</div><div class="Maxmenudiv" style="cursor:pointer;" onclick="menucheck('sqamenu','menuoneimg','menutwoimg',2);"><div class="Imgmenudiv"><img src="close.gif" width="18" height="18" id=menuoneimg2></div><div class="Imgmenudiv"><img src="fclose.gif" id=menutwoimg2></div><div class="fontmenudiv">基本管理</div></div>
<div id="sqamenu2" class="undis"> 
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='node.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='node.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='nodeend.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
</div><div class="Maxmenudiv" style="cursor:pointer;" onclick="menucheck('sqamenu','menuoneimg','menutwoimg',3);"><div class="Imgmenudiv"><img src="close.gif" width="18" height="18" id=menuoneimg3></div><div class="Imgmenudiv"><img src="fclose.gif" id=menutwoimg3></div><div class="fontmenudiv">基本管理</div></div>
<div id="sqamenu3" class="undis"> 
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='node.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='node.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='nodeend.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
</div><div class="Maxmenudiv" style="cursor:pointer;" onclick="menucheck('sqamenu','menuoneimg','menutwoimg',4);"><div class="Imgmenudiv"><img src="close.gif" width="18" height="18" id=menuoneimg4></div><div class="Imgmenudiv"><img src="fclose.gif" id=menutwoimg4></div><div class="fontmenudiv">基本管理</div></div>
<div id="sqamenu4" class="undis"> 
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='node.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='node.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='nodeend.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
</div><div class="Maxmenudiv" style="cursor:pointer;" onclick="menucheck('sqamenu','menuoneimg','menutwoimg',5);"><div class="Imgmenudiv"><img src="close.gif" width="18" height="18" id=menuoneimg5></div><div class="Imgmenudiv"><img src="fclose.gif" id=menutwoimg5></div><div class="fontmenudiv">基本管理</div></div>
<div id="sqamenu5" class="undis"> 
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='node.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='node.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='node.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='nodeend.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
</div><div class="Maxmenudiv" style="cursor:pointer;" onclick="menucheck('sqamenu','menuoneimg','menutwoimg',6);"><div class="Imgmenudiv"><img src="close.gif" width="18" height="18" id=menuoneimg6></div><div class="Imgmenudiv"><img src="fclose.gif" id=menutwoimg6></div><div class="fontmenudiv">基本管理</div></div>
<div id="sqamenu6" class="undis"> 
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='node.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
<div class="Maxmenudiv"><div class="Imgbgmenu"></div><div class="Imgmenudiv"><img src='nodeend.gif'></div><div class="Imgmenudiv"><img src="doc.gif"></div><div class="fontmenudiv">联系方式</div></div>
</div>
</boby> 
</html>