当我单击左边的增加时在右边出现增加的界面
单击删除是也在右边出现删除的界面
树的结构:
<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'left.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="css/styleLeft.css">
<script type="text/javascript">
<!--
function ExChgClsName(Obj, NameA, NameB){
var Obj = document.getElementById(Obj) ? document.getElementById(Obj) : Obj;
Obj.className = Obj.className == NameA ? NameB : NameA;
}
function showMenu(iNo){
ExChgClsName("Menu_" + iNo, "MenuBox", "MenuBox2");
}
-->
</script>
</head>
<body>
<div class="TreeWrap">
<div class="MenuBox" id="Menu_0">
<div class="titBox">
<h1 class="Fst">
<a href="javascript:showMenu(0);">用户管理</a>
</h1>
</div>
<div class="txtBox">
<ul>
<li>
<a href="index.jsp">增加</a>
</li>
<li>
<a href="#">删除</a>
</li>
<li>
<a href="#">修改</a>
</li>
<li>
<a href="#">列表</a>
</li>
<li class="Lst">
<a href="#">查找</a>
</li>
</ul>
</div>
</div>
<!--MenuBox-->
<div class="MenuBox2" id="Menu_1">
<div class="titBox">
<h1>
<a href="javascript:showMenu(1);">部门管理</a>
</h1>
</div>
<div class="txtBox">
<ul>
<li>
<a href="#">增加</a>
</li>
<li>
<a href="#">删除</a>
</li>
<li>
<a href="#">修改</a>
</li>
<li>
<a href="#">列表</a>
</li>
<li class="Lst">
<a href="#">查找</a>
</li>
</ul>
</div>
</div>
<!--MenuBox-->
<div class="MenuBox2" id="Menu_2">
<div class="titBox">
<h1>
<a href="javascript:showMenu(2);">文章管理</a>
</h1>
</div>
<div class="txtBox">
<ul>
<li>
<a href="#">增加</a>
</li>
<li>
<a href="#">删除</a>
</li>
<li>
<a href="#">修改</a>
</li>
<li>
<a href="#">列表</a>
</li>
<li class="Lst">
<a href="#">查找</a>
</li>
</ul>
</div>
</div>
<!--MenuBox-->
<div class="MenuBox2">
<div class="titBox">
<h1 class="Lst">
<a href="#">退出系统</a>
</h1>
</div>
</div>
<!--MenuBox-->
</div>
</body>
</html>