树形菜单Demo

最新推荐文章于 2021-06-03 16:28:27 发布

天使鍀翅膀

最新推荐文章于 2021-06-03 16:28:27 发布

阅读量1.6k

点赞数

分类专栏： 5、javascript

本文链接：https://blog.csdn.net/chinasoftosg/article/details/7903034

版权

menu.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
   + request.getServerName() + ":" + request.getServerPort()
   + path + "/";
%>
<html>
<link rel="stylesheet" type="text/css" href="<%=basePath%>css/menu.css">
<head>
  <title>树形菜单</title>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body class="panel" topmargin="0" leftmargin="0">
<div id="body" style="width: 200px">
<ul id="menu">
<li class="L1"><a href="javascript:c(m01);" id="m01"><span><img
  src="<%=basePath%>images/ico/2.gif" align="absMiddle" /> 客户关系管理系统</span> </a></li>
<ul id="m01d" style="display: none;" class="U1">
  <li class="L21"><a href="javascript:c(f01);" id="f01"><span><img
   src="<%=basePath%>images/ico/2.gif" align="absMiddle" /> 文件管理</span> </a></li>
  <ul id="f01d" style="display: none;">
   <li class="L3"><a href="fileList.action" target="mainRight"><span><img
    src="<%=basePath%>images/ico/2.gif" align="absMiddle" />文件列表</span> </a></li>
   <li class="L3"><a href="toUploadJsp.action" target="mainRight"><span><img
    src="<%=basePath%>images/ico/2.gif" align="absMiddle" />文件上传</span> </a></li>
  </ul>
  <li class="L21"><a href="javascript:c(f02);" id="f02"><span><img
   src="<%=basePath%>images/ico/2.gif" align="absMiddle" />111111</span> </a></li>
  <ul id="f02d" style="display: none;">
   <li class="L3"><a href="" target="mainRight"><span><img
    src="<%=basePath%>images/ico/2.gif" align="absMiddle" />000001</span> </a></li>
   <li class="L3"><a href="" target="mainRight"><span><img
    src="<%=basePath%>images/ico/2.gif" align="absMiddle" />000002</span> </a></li>
   <li class="L3"><a href="" target="mainRight"><span><img
    src="<%=basePath%>images/ico/2.gif" align="absMiddle" />000003</span> </a></li>
   <li class="L3"><a href="" target="mainRight"><span><img
    src="<%=basePath%>images/ico/2.gif" align="absMiddle" />000004</span> </a></li>
   <li class="L3"><a href="" target="mainRight"><span><img
    src="<%=basePath%>images/ico/2.gif" align="absMiddle" />000005</span> </a></li>
  </ul>
</ul>
</ul>
</div>
<div id="bottom"></div>
<script type="text/javascript" src="<%=basePath%>js/menu.js"></script>
</body>
</html>

menu.js:

var cur_id = "";
var flag = 0, sflag = 0;
//-------- 菜单点击事件 -------
function c(srcelement) {
var targetid, srcelement, targetelement;
var strbuf;

//-------- 如果点击了展开或收缩按钮---------
targetid = srcelement.id + "d";
targetelement = document.getElementById(targetid);

最低0.47元/天解锁文章

天使鍀翅膀

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
树形菜单Demo

menu.jsp: String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";%> css/menu
复制链接

扫一扫