简单的js展开菜单
<%@ page language="java" import="java.util.*" contentType="text/html"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--引入的外部JS脚本文件-->
<script type="text/javascript"
src="${pageContext.request.contextPath}../.././js/script.js"></script>
<!--引入的外部CSS样式文件
<link type="text/css" rel="stylesheet"
href="<%=request.getContextPath()%>/css/menu/yMenu.css" />
<link rel="stylesheet" type="text/css"
href="${pageContext.request.contextPath}../.././css/style.css" /> -->
</head>
<body>
<div>
<!-- 菜单标题 -->
<div id="left-menu-title">
<img src="../img/tongji.jpg" width="100%" height="20" />
</div>
<!-- ====具体菜单展示 -->
<div id="yNavMenu">
<!-- ==折叠菜单 -->
<div id="menu-class-two" style="color:blue"
onclick="document.all.child_1.style.display=(document.all.child_1.style.display =='none')?'':'none'">
+ <img src="${pageContext.request.contextPath}/img/file.png" />管理员管理
</div>
<div id="child_1" style="display:none">
-
<img src="${pageContext.request.contextPath}/img/openFile.png" width="15" height="15" />
<a href="${pageContext.request.contextPath}/admin/main.action" target="mainFrame">查询管理员</a>
<br> -
<img src="${pageContext.request.contextPath}/img/openFile.png" width="15" height="15" />
<a href="${pageContext.request.contextPath}/admin/insertAdminView.action" target="mainFrame">添加管理员</a>
<br> -
<img src="${pageContext.request.contextPath}/img/openFile.png" width="15" height="15" />
<a href="${pageContext.request.contextPath}/admin/deleteAdminByIdView.action" target="mainFrame">删除用户</a>
<br>
</div>
<!-- 字典管理 -->
<div id="menu-class-two" style="color:blue" onclick="document.all.child_2.style.display=(document.all.child_2.style.display =='none')?'':'none'" >
+ <img src="${pageContext.request.contextPath}/img/file.png" width="15" height="15" />字典管理
</div>
<div id="child_2" style="display:none">
-<img src="${pageContext.request.contextPath}/img/openFile.png" width="15" height="15" /><a href="${pageContext.request.contextPath}/dictionary/select/list.action" target="mainFrame">字典信息管理</a> <br>
-<img src="${pageContext.request.contextPath}/img/openFile.png" width="15" height="15" /><a href="${pageContext.request.contextPath}/role/select/list.action" target="mainFrame">角色信息管理</a> <br>
-<img src="${pageContext.request.contextPath}/img/openFile.png" width="15" height="15" /><a href="${pageContext.request.contextPath}/userAction_getPageList.action" target="mainFrame">其他管理</a> <br>
-<img src="${pageContext.request.contextPath}/img/openFile.png" width="15" height="15" /><a href="javascript:void(0)">修改修改</a> <br>
</div>
<!-- 权限管理 -->
<div id="menu-class-two" style="color:blue" onclick="document.all.child_3.style.display=(document.all.child_3.style.display =='none')?'':'none'" >
+ <img src="${pageContext.request.contextPath}/img/file.png" width="15" height="15" />权限管理</div>
<div id="child_3" style="display:none">
-<img src="${pageContext.request.contextPath}/img/openFile.png" width="15" height="15" /><a href="${pageContext.request.contextPath}/#.action" target="mainFrame">权限信息管理</a> <br>
</div>
<!-- 日志管理 -->
<div id="menu-class-two" style="color:blue" onclick="document.all.child_4.style.display=(document.all.child_4.style.display =='none')?'':'none'" >
+ <img src="${pageContext.request.contextPath}/img/file.png" width="15" height="15" />日志管理</div>
<div id="child_4" style="display:none">
-<img src="${pageContext.request.contextPath}/img/openFile.png" width="15" height="15" /><a href="${pageContext.request.contextPath}/#.action" target="mainFrame">日志信息管理</a> <br>
</div>
<!-- 文件包管理 -->
<div id="menu-class-two" style="color:blue" onclick="document.all.child_5.style.display=(document.all.child_5.style.display =='none')?'':'none'" >
+ <img src="${pageContext.request.contextPath}/img/file.png" width="15" height="15" />文件信息管理</div>
<div id="child_5" style="display:none">
-<img src="${pageContext.request.contextPath}/img/openFile.png" width="15" height="15" /><a href="${pageContext.request.contextPath}/file/uploadView.action" target="mainFrame">文件信息管理</a> <br>
-<img src="${pageContext.request.contextPath}/img/openFile.png" width="15" height="15" /><a href="${pageContext.request.contextPath}/file/downloadView.action" target="mainFrame">图片信息管理</a> <br>
</div>
<!-- ==折叠菜单 end -->
</div>
</div>
</body>
</html>