jsp页面:

  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme() + "://"
  5. + request.getServerName() + ":" + request.getServerPort()
  6. + path + "/";
  7. %>
  8. <html>
  9. <link rel="stylesheet" type="text/css" href="<%=basePath%>css/menu.css">
  10. <head>
  11. <title>树形菜单</title>
  12. </head>
  13. <body class="panel" topmargin="0" leftmargin="0">
  14. <div id="body" style="width: 186px">
  15. <!-- 树形结构菜单 -->
  16. <ul id="menu">
  17. <!-- levelOne 一 -->
  18. <li class="L1">
  19. <a href="javascript:c(OneLevelOne01);" id="OneLevelOne01">
  20. <span><img src="<%=basePath%>images/jia.png" id="OneLevelOne01Image" align="absMiddle"/> 客户关系管理系统</span>
  21. </a>
  22. </li>
  23. <ul id="OneLevelOne01d" style="display: none;" class="U1">
  24. <!-- levelTwo -->
  25. <li class="L21">
  26. <a href="javascript:c(OneLevelTwo01);" id="OneLevelTwo01">
  27. <span><img src="<%=basePath%>images/jia.png" align="absMiddle" id="OneLevelTwo01Image"/> 文件管理</span>
  28. </a>
  29. </li>
  30. <ul id="OneLevelTwo01d" style="display: none;">
  31. <!-- levelThree -->
  32. <li class="L3"><a href="fileList.action" target="mainRight">
  33. <span><img src="<%=basePath%>images/jian.png" align="absMiddle"/> 文件列表</span>
  34. </a>
  35. </li>
  36. <!-- levelThree -->
  37. <li class="L3"><a href="toUploadJsp.action" target="mainRight">
  38. <span><img src="<%=basePath%>images/jian.png" align="absMiddle" /> 文件上传</span>
  39. </a>
  40. </li>
  41. </ul>
  42. <!-- levelTwo -->
  43. <li class="L21">
  44. <a href="javascript:c(OneLevelTwo02);" id="OneLevelTwo02">
  45. <span><img src="<%=basePath%>images/jia.png" align="absMiddle" id="OneLevelTwo02Image" /> 111111</span>
  46. </a>
  47. </li>
  48. <ul id="OneLevelTwo02d" style="display: none;">
  49. <!-- levelThree -->
  50. <li class="L3"><a href="" target="mainRight">
  51. <span><img src="<%=basePath%>images/jian.png" align="absMiddle" /> 000001</span>
  52. </a>
  53. </li>
  54. <!-- levelThree -->
  55. <li class="L3"><a href="" target="mainRight">
  56. <span><img src="<%=basePath%>images/jian.png" align="absMiddle" /> 000002</span>
  57. </a>
  58. </li>
  59. <!-- levelThree -->
  60. <li class="L3"><a href="" target="mainRight">
  61. <span><img src="<%=basePath%>images/jian.png" align="absMiddle" /> 000003</span>
  62. </a>
  63. </li>
  64. <!-- levelThree -->
  65. <li class="L3"><a href="" target="mainRight">
  66. <span><img src="<%=basePath%>images/jian.png" align="absMiddle" /> 000004</span>
  67. </a>
  68. </li>
  69. <!-- levelThree -->
  70. <li class="L3"><a href="" target="mainRight">
  71. <span><img src="<%=basePath%>images/jian.png" align="absMiddle" /> 000005</span>
  72. </a>
  73. </li>
  74. </ul>
  75. </ul>
  76. <!-- levelOne:账号管理 -->
  77. <li class="L1">
  78. <a href="javascript:c(TwoLevelOne02);" id="TwoLevelOne02">
  79. <span><img src="<%=basePath%>images/jia.png" id="TwoLevelOne02Image" align="absMiddle"/> 账号管理</span>
  80. </a>
  81. </li>
  82. <ul id="TwoLevelOne02d" style="display: none;" class="U1">
  83. <!-- levelTwo: -->
  84. <li class="L21">
  85. <a href="#" target="right">
  86. <span><img src="<%=basePath%>images/jian.png" align="absMiddle" />改动password</span>
  87. </a>
  88. </li>
  89. <%if(session.getAttribute("user.type").toString().equals("1")){%>
  90. <!-- levelTwo -->
  91. <li class="L21">
  92. <a href="toAdminMain" target="right">
  93. <span><img src="<%=basePath%>images/jian.png" align="absMiddle" />用户管理</span>
  94. </a>
  95. </li>
  96. <%}%>
  97. <!-- levelTwo -->
  98. <li class="L21">
  99. <a href="#" onclick=top.location.replace("Quit")>
  100. <span><img src="<%=basePath%>images/jian.png" align="absMiddle" />退出系统</span>
  101. </a>
  102. </li>
  103. </ul>
  104. </ul>
  105. </div>
  106. <div id="bottom"></div>
  107. <script type="text/javascript" src="<%=basePath%>js/menu.js"></script>
  108. </body>
  109. </html>

css文件:/css/menu.css

  1. {
  2. PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  3. }
  4. HTML {
  5. OVERFLOW-Y: scroll
  6. }
  7. A:link {
  8. COLOR: #000000; TEXT-DECORATION: none
  9. }
  10. A:visited {
  11. COLOR: #000000; TEXT-DECORATION: none
  12. }
  13. A:active {
  14. COLOR: #3333ff; TEXT-DECORATION: none
  15. }
  16. A:hover {
  17. COLOR: #ff0000; TEXT-DECORATION: none
  18. }
  19. .panel {
  20. BACKGROUND: #d6e4ef; COLOR: #000000
  21. }
  22. #expand_link {
  23. FONT-SIZE: 9pt; LEFT: 140px; POSITION: absolute; TOP: 11px; TEXT-DECORATION: underline
  24. }
  25. UL {
  26. PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; list-style-type:none; url("../images/toright.png");
  27. }
  28. IMG {
  29. BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 16px; BORDER-BOTTOM: 0px; HEIGHT: 16px;
  30. }
  31. #body {
  32. BORDER-RIGHT: #ffffff 0px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 0px solid; WIDTH: 100%; PADDING-TOP: 25px
  33. }
  34. #menu {
  35. BORDER-RIGHT: #246191 0px solid; BORDER-TOP: #246191 0px solid; BACKGROUND: #ffffff; BORDER-LEFT: #246191 0px solid; BORDER-BOTTOM: medium none
  36. }
  37. .U1 {
  38. BACKGROUND: #ffffff; BORDER-BOTTOM: #ffffff 1px solid
  39. }
  40. .L1 A:link {
  41. DISPLAY: block; FONT-SIZE: 9pt; BACKGROUND: url(../images/img/menu1_bg.png); COLOR: #476074; HEIGHT: 24px; TEXT-DECORATION: none
  42. }
  43. .L1 A:visited {
  44. DISPLAY: block; FONT-SIZE: 9pt; BACKGROUND: url(../images/img/menu1_bg.png); COLOR: #476074; HEIGHT: 24px; TEXT-DECORATION: none
  45. }
  46. .L1 A:link SPAN {
  47. PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../images/ico/ar1.png) no-repeat left 50%; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: hand; PADDING-TOP: 7px; HEIGHT: 24px
  48. }
  49. .L1 A:visited SPAN {
  50. PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../images/ico/ar1.png) no-repeat left 50%; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: hand; PADDING-TOP: 7px; HEIGHT: 24px
  51. }
  52. .L1 A:hover {
  53. FONT-WEIGHT: bold; BACKGROUND: url(../images/img/menu1_bg.png) 0px -24px; COLOR: #000000
  54. }
  55. .L1 A.active:link {
  56. BACKGROUND: url(../images/img/menu1_bg.png) 0px -24px
  57. }
  58. .L1 A.active:hover {
  59. BACKGROUND: url(../images/img/menu1_bg.png) 0px -24px
  60. }
  61. .L1 A.active:active {
  62. BACKGROUND: url(../images/img/menu1_bg.png) 0px -24px
  63. }
  64. .L1 A.active:visited {
  65. BACKGROUND: url(../images/img/menu1_bg.png) 0px -24px
  66. }
  67. .L1 A.active:link SPAN {
  68. FONT-WEIGHT: bold; BACKGROUND: url(../images/ico/ad1.png) no-repeat left 50%; COLOR: #000000
  69. }
  70. .L1 A.active:hover SPAN {
  71. FONT-WEIGHT: bold; BACKGROUND: url(../images/ico/ad1.png) no-repeat left 50%; COLOR: #000000
  72. }
  73. .L1 A.active:active SPAN {
  74. FONT-WEIGHT: bold; BACKGROUND: url(../images/ico/ad1.png) no-repeat left 50%; COLOR: #000000
  75. }
  76. .L1 A.active:visited SPAN {
  77. FONT-WEIGHT: bold; BACKGROUND: url(../images/ico/ad1.png) no-repeat left 50%; COLOR: #000000
  78. }
  79. .L21 A:link {
  80. DISPLAY: block; PADDING-LEFT: 13px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #444659; HEIGHT: 24px; TEXT-DECORATION: none
  81. }
  82. .L21 A:visited {
  83. DISPLAY: block; PADDING-LEFT: 13px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #444659; HEIGHT: 24px; TEXT-DECORATION: none
  84. }
  85. .L22 A:link {
  86. DISPLAY: block; PADDING-LEFT: 13px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #444659; HEIGHT: 24px; TEXT-DECORATION: none
  87. }
  88. .L22 A:visited {
  89. DISPLAY: block; PADDING-LEFT: 13px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #444659; HEIGHT: 24px; TEXT-DECORATION: none
  90. }
  91. .L3 A:link {
  92. DISPLAY: block; PADDING-LEFT: 13px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #444659; HEIGHT: 24px; TEXT-DECORATION: none
  93. }
  94. .L3 A:visited {
  95. DISPLAY: block; PADDING-LEFT: 13px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #444659; HEIGHT: 24px; TEXT-DECORATION: none
  96. }
  97. .L21 A:link SPAN {
  98. PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../images/ico/ar.png) no-repeat left center; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: hand; PADDING-TOP: 7px
  99. }
  100. .L21 A:visited SPAN {
  101. PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../images/ico/ar.png) no-repeat left center; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: hand; PADDING-TOP: 7px
  102. }
  103. .L22 A:link SPAN {
  104. PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../images/ico/ar.png) no-repeat left center; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: hand; PADDING-TOP: 7px
  105. }
  106. .L22 A:visited SPAN {
  107. PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../images/ico/ar.png) no-repeat left center; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: hand; PADDING-TOP: 7px
  108. }
  109. .L3 A:link SPAN {
  110. PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../images/ico/ar.png) no-repeat left center; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: hand; PADDING-TOP: 7px
  111. }
  112. .L3 A:visited SPAN {
  113. PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../images/ico/ar.png) no-repeat left center; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: hand; PADDING-TOP: 7px
  114. }
  115. .L22 A:link SPAN {
  116. BACKGROUND: none transparent scroll repeat 0% 0%
  117. }
  118. .L22 A:visited SPAN {
  119. BACKGROUND: none transparent scroll repeat 0% 0%
  120. }
  121. .L3 A:link SPAN {
  122. BACKGROUND: none transparent scroll repeat 0% 0%
  123. }
  124. .L3 A:visited SPAN {
  125. BACKGROUND: none transparent scroll repeat 0% 0%
  126. }
  127. .L21 A:hover {
  128. FONT-WEIGHT: bold; BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat left top
  129. }
  130. .L22 A:hover {
  131. FONT-WEIGHT: bold; BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat left top
  132. }
  133. .L3 A:hover {
  134. FONT-WEIGHT: bold; BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat left top
  135. }
  136. .L3 A:link SPAN {
  137. PADDING-RIGHT: 0px; PADDING-LEFT: 25px; PADDING-BOTTOM: 3px; PADDING-TOP: 12px
  138. }
  139. .L3 A:visited SPAN {
  140. PADDING-RIGHT: 0px; PADDING-LEFT: 25px; PADDING-BOTTOM: 3px; PADDING-TOP: 12px
  141. }
  142. .L21 A.active:link {
  143. BACKGROUND: none transparent scroll repeat 0% 0%
  144. }
  145. .L21 A.active:hover {
  146. BACKGROUND: none transparent scroll repeat 0% 0%
  147. }
  148. .L21 A.active:active {
  149. BACKGROUND: none transparent scroll repeat 0% 0%
  150. }
  151. .L21 A.active:visited {
  152. BACKGROUND: none transparent scroll repeat 0% 0%
  153. }
  154. .L21 A.active:link SPAN {
  155. FONT-WEIGHT: bold; BACKGROUND: url(../images/ico/ad.png) no-repeat left center; COLOR: #000000
  156. }
  157. .L21 A.active:hover SPAN {
  158. FONT-WEIGHT: bold; BACKGROUND: url(../images/ico/ad.png) no-repeat left center; COLOR: #000000
  159. }
  160. .L21 A.active:active SPAN {
  161. FONT-WEIGHT: bold; BACKGROUND: url(../images/ico/ad.png) no-repeat left center; COLOR: #000000
  162. }
  163. .L21 A.active:visited SPAN {
  164. FONT-WEIGHT: bold; BACKGROUND: url(../images/ico/ad.png) no-repeat left center; COLOR: #000000
  165. }
  166. .L22 A.active:link {
  167. BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat 0px -24px
  168. }
  169. .L22 A.active:hover {
  170. BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat 0px -24px
  171. }
  172. .L22 A.active:active {
  173. BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat 0px -24px
  174. }
  175. .L22 A.active:visited {
  176. BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat 0px -24px
  177. }
  178. .L3 A.active:link {
  179. BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat 0px -24px
  180. }
  181. .L3 A.active:hover {
  182. BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat 0px -24px
  183. }
  184. .L3 A.active:active {
  185. BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat 0px -24px
  186. }
  187. .L3 A.active:visited {
  188. BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat 0px -24px
  189. }
  190. .L22 A.active:link SPAN {
  191. FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
  192. }
  193. .L22 A.active:hover SPAN {
  194. FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
  195. }
  196. .L22 A.active:active SPAN {
  197. FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
  198. }
  199. .L22 A.active:visited SPAN {
  200. FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
  201. }
  202. .L3 A.active:link SPAN {
  203. FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
  204. }
  205. .L3 A.active:hover SPAN {
  206. FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
  207. }
  208. .L3 A.active:active SPAN {
  209. FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
  210. }
  211. .L3 A.active:visited SPAN {
  212. FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
  213. }
  214. .Ls A:link {
  215. PADDING-RIGHT: 4px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 4px; HEIGHT: 20px; TEXT-ALIGN: right; TEXT-DECORATION: underline
  216. }
  217. .Ls A:visited {
  218. PADDING-RIGHT: 4px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 4px; HEIGHT: 20px; TEXT-ALIGN: right; TEXT-DECORATION: underline
  219. }
  220. .Ls A:hover {
  221. PADDING-RIGHT: 4px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 4px; HEIGHT: 20px; TEXT-ALIGN: right; TEXT-DECORATION: underline
  222. }
  223. .Ls A:active {
  224. PADDING-RIGHT: 4px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 4px; HEIGHT: 20px; TEXT-ALIGN: right; TEXT-DECORATION: underline
  225. }
  226. #bottom {
  227. BACKGROUND: url(../images/img/menu_bottom_bg.gif) no-repeat; HEIGHT: 80px
  228. }

js文件:/js/menu.js

  1. var cur_id = "";
  2. var flag = 0, sflag = 0;
  3.  
  4. //-------- 菜单点击事件 -------
  5. function c(srcelement) {
  6. var targetid, srcelement, targetelement;
  7. var strbuf;
  8. //-------- 假设点击了展开或收缩button---------
  9. targetid = srcelement.id + "d";
  10. targetelement = document.getElementById(targetid);
  11. if (targetelement.style.display == "none") {
  12. //展开
  13. srcelement.className = "active";
  14. targetelement.style.display = '';
  15. menu_flag = 0;
  16.  
  17. var imgElt = document.getElementById(srcelement.id+"Image");
  18. imgElt.src = "../images/jian.png";
  19.  
  20. } else {
  21. //收缩
  22. srcelement.className = "";
  23. targetelement.style.display = "none";//收缩
  24. menu_flag = 1;
  25.  
  26. var imgElt = document.getElementById(srcelement.id+"Image");
  27. imgElt.src = "../images/jia.png";
  28.  
  29. }
  30. }
  31.  
  32. //-------- 菜单所有展开/收缩 -------
  33. var menu_flag = 1;
  34. function menu_expand() {
  35. if (menu_flag == 1)
  36. expand_text.innerHTML = "收缩";
  37. else
  38. expand_text.innerHTML = "展开";
  39. menu_flag = 1 - menu_flag;
  40. // var links = document.getElementsByTagName("A");
  41. // for (i = 0; i < links.length; i++) {
  42. // srcelement = links[i];
  43. // if (srcelement.parentNode.className.toUpperCase() == "L1"
  44. // || srcelement.parentNode.className.toUpperCase() == "L21") {
  45. // targetelement = document.getElementById(srcelement.id + "d");
  46. // if (menu_flag == 0) {
  47. // targetelement.style.display = '';
  48. // srcelement.className = "active";
  49. // } else {
  50. // targetelement.style.display = "none";
  51. // srcelement.className = "";
  52. // }
  53. // }
  54. // }
  55.  
  56. }
  57.  
  58. function set_current(id) {
  59. cur_link = document.getElementById("f" + cur_id)
  60. if (cur_link)
  61. cur_link.className = "";
  62. cur_link = document.getElementById("f" + id);
  63. if (cur_link)
  64. cur_link.className = "active";
  65. cur_id = id;
  66. }
  67.  
  68. //-------- 打开网址 -------
  69. function a(URL, id) {
  70. set_current(id);
  71. // if (URL.substr(0, 7) != "http://" && URL.substr(0, 6) != "ftp://")
  72. // URL = "/general/" + URL;
  73. parent.openURL(URL, 0);
  74. }
  75.  
  76. function b(URL, id) {
  77. set_current(id);
  78. // URL = "/app/" + URL;
  79. parent.openURL(URL, 0);
  80. }
  81.  
  82. //add by YZQ 2008-03-05 begin
  83. function bindFunc() {
  84. var args = [];
  85. for ( var i = 0, cnt = arguments.length; i < cnt; i++) {
  86. args[i] = arguments[i];
  87. }
  88. var __method = args.shift();
  89. var object = args.shift();
  90. return (function() {
  91. var argsInner = [];
  92. for ( var i = 0, cnt = arguments.length; i < cnt; i++) {
  93. argsInner[i] = arguments[i];
  94. }
  95. return __method.apply(object, args.concat(argsInner));
  96. });
  97. }
  98. var timerId = null;
  99. var firstTime = true;
  100. //add by YZQ 2008-03-05 end
  101.  
  102. function d(URL, id) {
  103. //add by YZQ 2008-03-05 begin
  104. var winMgr = parent.parent.table_index.main.winManager;
  105. if (!winMgr) {
  106. if (firstTime) {
  107. parent.openURL("/fis/common/frame.jsp", 0);
  108. firstTime = false;
  109. }
  110. timerId = setTimeout(bindFunc(d, window, URL, id), 100);
  111. return;
  112. }
  113. firstTime = true;
  114. if (timerId) {
  115. clearTimeout(timerId);
  116. }
  117. if (winMgr) {
  118. winMgr.openActionPort("/fis/" + URL,
  119. document.getElementById("f" + id).innerText);
  120. return;
  121. }
  122. //add by YZQ 2008-03-05 end
  123. set_current(id);
  124. URL = "/fis/" + URL;
  125. parent.openURL(URL, 0);
  126. }
  127.  
  128. //-------- 打开windows程序 -------
  129. function winexe(NAME, PROG) {
  130. URL = "/general/winexe?
  131.  
  132. PROG=" + PROG + "&NAME=" + NAME;
  133. window
  134. .open(
  135. URL,
  136. "winexe",
  137. "height=100,width=350,status=0,toolbar=no,menubar=no,location=no,scrollbars=yes,top=0,left=0,resizable=no");
  138. }

图片资源:/images/jia.png,jian.png

java--css+js做的树形菜单(完整版)的更多相关文章

  1. 下拉的DIV+CSS+JS二级树型菜单

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. java 传入list集合 返回树形菜单,for循环遍历

    public List<SysPermissionVO> getTreeMenu(List<SysPermissionVO> list,SysPermissionVO sysP ...

  3. CSS+JS相应式导航菜单

    响应式导航菜单 响应式导航菜单就是当网页在其他不同视口的样式,不同的设备需要不同的样式 需要掌握的知识 - 掌握媒体查询,如果你不是很懂那就看我写的CSS响应式布局 掌握CSS重的display:no ...

  4. 用html+css+js做打地鼠小游戏

    html 代码 first.html <!DOCTYPE html> <html lang="en"> <head> <meta char ...

  5. Java从数据库读取页面树形菜单

    从数据库加载菜单及子菜单主要使用递归的方法,具体实现可看代码 首先封装一个菜单pojo public class Menu { // 菜单id private String id; // 菜单名称 p ...

  6. js后台常用树形菜单

    来源:http://www.sucaihuo.com/js/1093.html demo: http://www.sucaihuo.com/jquery/10/1093/demo/

  7. js实现树级递归,通过js生成tree树形菜单(递归算法)

    方法封装: /** * 数据转换为树形(递归),示例:toTreeByRecursion(source, 'id', 'parentId', null, 'children') * @param {A ...

  8. Java递归应用:输出树形菜单

    转自:https://blog.csdn.net/zhangzeyuaaa/article/details/24574769

  9. 学习Java的知识体系路线(详细完整版,附图加目录)

    将网上的Java学习路线图进行归纳囊括,方便以后学习时弥补自身所欠缺的知识点,也算是给自己一个明确的学习方向.至于第一阶段,即JavaSE的基础,这里不给出. 第二阶段 技术名称 技术内容 数据库技术 ...

随机推荐

  1. 设计模式之十二:状态模式(State)

    状态模式: 当一个对象的内部状态发生变化时同意改变它的行为. Allow an object to alter its behavior when its internal state changes ...

  2. 【Java】Java Socket 通信演示样例

    用socket(套接字)实现client与服务端的通信. 这里举两个样例: 第一种是每次client发送一个数据,服务端就做一个应答. (也就是要轮流发) 另外一种是client能够连续的向服务端发数 ...

  3. 关于数据库中的JOIN的用法学习

    下面是例子分析 表A记录如下:  aID aNum  1 a20050111  2 a20050112  3 a20050113  4 a20050114  5 a20050115 表B记录如下:  ...

  4. 配置PL/SQL Developer连接server数据库

    配置PL/SQL Developer连接server数据库 远程应用server上安装client客户端软件,可在oracle官网上下载. 举例: 环境 应用server操作系统 WIN 7 本地地址 ...

  5. 1.3 Python基础知识 - 用户交互及传递参数

    一.用户交互 用户交互方面,每种开发语言都有不同的方式,例如shell语言用的是,“read -p "What is  your name ? " ”.python中是什么样子的呢 ...

  6. 【Codeforces Round #445 (Div. 2) A】ACM ICPC

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 三重循环 [代码] #include <bits/stdc++.h> using namespace std; int ...

  7. 学习redis--简介(一)

    1.什么是redis? Redis是使用c语言开发的一个高性能键值数据库.Redis通过键值类型来存储数据.它通过提供多种键值数据类型来适应不同场景的存储需求. 2.redis支持哪些数据类型 Key ...

  8. [Err] 1136 - Column count doesn&#39;t match value count at row 1

    1 错误描写叙述 [Err] 1136 - Column count doesn't match value count at row 1 Procedure execution failed 113 ...

  9. <p><img src="http://img.blog.csdn.net/20150823142545135?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt=""></p>

    /* 实现功能:用顺序表实现栈的各种操作 编译环境:Windows 64b,vc6.0 日期: 2015/7/20 作者:wtt561111 */ #define stack_max_num 10 # ...

  10. css3-11 网页如何使用自定义字体

    css3-11 网页如何使用自定义字体 一.总结 一句话总结:下载好字体文件,然后在网页中引入,用src: url('my.otf');来引入,使用的时候就使用自己定义的名字来使用这个字体. 1.网页 ...