<!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>
解决方案 »
- 求帮助!Linux下的tomcat服务器问题
- could not resolve property: UserID of: com.Bean.Products [from com.Bean.Products
- Hibernate 使用 proxool 连接池 隔一段时间自动断开连接,郁闷死了,请求大家帮忙
- 有看过Jdon框架的吗,一起讨论啊
- JBoss3.2的JDBC连接Oracle,出现连接超时,请问各位牛人,有可能是什么原因?
- java 往虚拟机上 上传文件测试成功, 但往实体机上上传就失败
- 两个关于web service的问题,有技术的,也有非技术的。
- 关于sun.jdbc.odbc.JdbcOdbcDriver驱动程序
- eclipse+myeclipse+weblogic8.1配置的问题 急 在线等
- 按JB向导做得BMP,发布成功了,客户测试出错,大家帮我看看
- Java面试 深圳市翔龙通讯有限公司
- 关于DispatchAction,菜鸟求救
我的email:[email protected]
呵呵
http://extjs.com/deploy/dev/examples/tree/reorder.html