利用JQuery实现网页左侧树形菜单(IE6 IE7 Firefox测试通过)

最新推荐文章于 2023-04-04 23:57:43 发布
最新推荐文章于 2023-04-04 23:57:43 发布
阅读量1.9k 收藏
点赞数
分类专栏： jquery java css 文章标签： ie firefox 测试 jquery menu string
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chuzhenbin/article/details/7377359
版权
jquery 同时被 3 个专栏收录
11 篇文章 0 订阅
订阅专栏
java
10 篇文章 0 订阅
订阅专栏
css
5 篇文章 0 订阅
订阅专栏
 

  本次实验项目结构图:

 

1. 定义保存菜单数据的表结构

CREATE TABLE `tb_com_menu_info` (
  `MENU_ID` varchar(8) NOT NULL,
  `MENU_NAME` varchar(30) DEFAULT NULL,
  `MENU_LINK` varchar(100) DEFAULT NULL,
  `MLEVEL` int(11) DEFAULT NULL,
  `PARENT_CODE` varchar(8) DEFAULT NULL,
  `USE_FLAG` varchar(1) DEFAULT 'Y',
  PRIMARY KEY (`MENU_ID`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

insert  into `tb_com_menu_info`
(`MENU_ID`,`MENU_NAME`,`MENU_LINK`,`MLEVEL`,`PARENT_CODE`,`USE_FLAG`) 
values ('10000000','图书管理系统',NULL,1,NULL,'Y'),
('10001000','用户管理',NULL,2,'10000000','Y'),
('10001001','用户列表',NULL,3,'10001000','Y'),
('10001002','用户权限',NULL,3,'10001000','Y'),
('10001003','用户类型',NULL,3,'10001000','Y'),
('10001004','黑名单','http://www.baidu.com?',3,'10001000','Y'),
('10002000','图书管理',NULL,2,'10000000','Y'),
('10002001','查询图书',NULL,3,'10002000','Y'),
('10002002','新增图书',NULL,3,'10002000','Y'),
('10002003','图书借阅',NULL,3,'10002000','Y'),
('10003000','报表查看','http://www.163.com?',2,'10000000','Y'),
('10004000','后台管理',NULL,2,'10000000','Y'),
('10004001','功能1','http://www.sina.com.cn?',3,'10004000','Y'),
('10004002','功能2',NULL,3,'10004000','Y');


 

2. 定义数据库的连接类 

ConnectionPoolManager.java

package com.zhuomuniao.myapp.commons;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;

/**
 * ClassName:ConnectionPoolManager.java
 * Description: 连接池
 */
public class ConnectionPoolManager {

	private static ConnectionPoolManager instance;				// 唯一实例

	static synchronized public ConnectionPoolManager getInstance() {
		if (instance == null) {
			instance = new ConnectionPoolManager();
		}
		return instance;
	}

	private ConnectionPoolManager() {
		try {
			// 装载驱动包类
			Class.forName("com.mysql.jdbc.Driver");
		} catch (ClassNotFoundException e) {
			System.out.println("装载数据库驱动包出现异常!");
			e.printStackTrace();
		}
	}

	public Connection getConnection() throws SQLException {
		Connection conn = null;
		try {
			conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/test","s2sh","1234asdf");
		} catch (SQLException e) {
			System.out.println("链接数据库发生异常!");
			e.printStackTrace();
		}
		return conn;
	}
}

 

3. 创建DAO类

InterSetDAO.java

package com.zhuomuniao.myapp.modules.interset.dao;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;

import com.zhuomuniao.myapp.commons.ConnectionPoolManager;
import com.zhuomuniao.myapp.commons.HashResultCollection;

public class InterSetDAO {

  @SuppressWarnings("unchecked")
	public List<Object> getLeftMenu(int level, String LMenuId) throws Exception{
    Connection conn         = null;
    PreparedStatement pstmt = null;
    ResultSet rs            = null; 
    StringBuffer sql =new StringBuffer();
    List menuList = new ArrayList();
    
    try{
      sql.append(" SELECT                                               ").append("\n");
      sql.append("       MENU_ID,MENU_NAME,PARENT_CODE,MENU_LINK,MLEVEL	").append("\n"); 
      sql.append(" FROM  TB_COM_MENU_INFO                               ").append("\n");
      sql.append(" WHERE USE_FLAG='Y'                                   ").append("\n");
      sql.append("   AND MLEVEL=?                                       ").append("\n");
      if(level==1) sql.append("   AND MENU_ID=?                      		").append("\n");
      sql.append(" ORDER BY MENU_ID                                     ").append("\n");
      
      conn = ConnectionPoolManager.getInstance().getConnection();
      pstmt = conn.prepareStatement(sql.toString());
      pstmt.setInt(1, level);
      if(level==1) pstmt.setString(2, LMenuId);
      rs = pstmt.executeQuery();
      
      menuList = new HashResultCollection(rs).getResultList();
      
    }catch(Exception e){
      e.printStackTrace();
    }finally{
      if (rs != null) {rs.close(); rs = null; }
      if (pstmt != null) {pstmt.close(); pstmt = null; }
      if (conn != null) { conn.close(); conn = null; }
    }
    return menuList;
  }
	
}

 

4. 创建DAO中用到的将结果集转化成List对象的类

HashResultCollection.java

package com.zhuomuniao.myapp.commons;

import java.sql.ResultSet;
import java.sql.ResultSetMetaData;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class HashResultCollection {
	@SuppressWarnings("unchecked")
	private List			resultList	= new ArrayList();
	private ResultSet	rs					= null;

	public HashResultCollection(ResultSet rs) {
		this.rs = rs;
	}

	@SuppressWarnings("unchecked")
	private Object doCreateRow(ResultSet rs) throws SQLException {
		Map result = new HashMap();
		ResultSetMetaData rsmd = rs.getMetaData();
		int count = rsmd.getColumnCount();
		for (int i = 1; i <= count; i++) {
			String label = rsmd.getColumnLabel(i);
			Object value = rs.getObject(i);
			value = value == null ? "" : value;
			result.put(label.toUpperCase(), value);
		}
		return result;
	}

	@SuppressWarnings("unchecked")
	public List getResultList() {
		try {
			while (rs.next()) {
				Object obj = this.doCreateRow(rs);
				resultList.add(obj);
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
		return resultList;
	}

}

 

 5.创建Service类

InterSetService.java

package com.zhuomuniao.myapp.modules.interset.service;

import java.util.List;

import com.zhuomuniao.myapp.modules.interset.dao.InterSetDAO;

public class InterSetService {

  private InterSetDAO	intersetDAO = new InterSetDAO();

	public List<Object> getFrontLeftMenu(int level, String LMenuId) throws Exception{
    List<Object> list = intersetDAO.getLeftMenu(level, LMenuId);
    return list;
  }
	
}


6. 创建Action类

InterSetManagerAction.java

package com.zhuomuniao.myapp.modules.interset.action;

import java.io.IOException;
import java.util.List;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletConfig;
import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.zhuomuniao.myapp.modules.interset.service.InterSetService;

@SuppressWarnings("serial")
public class InterSetManagerAction extends HttpServlet {
	
	public void init(ServletConfig config) throws ServletException {
		super.init(config);
	} 
	
	@SuppressWarnings("unchecked")
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		//获得ServletContext的引用
		ServletContext context = getServletContext();
		InterSetService interSetService = new InterSetService();
		String action = request.getParameter("action");

		try {

			if (action.equals("leftmenu")) {
				String LMenuId = request.getParameter("LMenuId");
				List menuList1 = interSetService.getFrontLeftMenu(1, LMenuId);
				List menuList2 = interSetService.getFrontLeftMenu(2, "");
				List menuList3 = interSetService.getFrontLeftMenu(3, "");

				request.setAttribute("LMenuId", LMenuId);
				request.setAttribute("menuList1", menuList1);
				request.setAttribute("menuList2", menuList2);
				request.setAttribute("menuList3", menuList3);

				RequestDispatcher dispatcher = context.getRequestDispatcher("/WEB-INF/pages/interset/leftMenu.jsp");
	      dispatcher.forward(request, response);
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		doGet(request, response);
	}
	
	//中止Servlet  
  public void destroy() {  
  }  
}

 

7. 创建显示菜单的jsp页面

leftMenu.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"%>

<%@ page import="java.util.HashMap"%>

<jsp:useBean id="menuList1" scope="request" class="java.util.ArrayList"/>
<jsp:useBean id="menuList2" scope="request" class="java.util.ArrayList"/>
<jsp:useBean id="menuList3" scope="request" class="java.util.ArrayList"/>

<%
String LMenuId = (String)request.getAttribute("LMenuId");
%>

<html>
<head>

	<title>LeftMenu</title>
	
	<link href="css/tree.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/tree.js"></script>
	
	<script>
		function doGoUrl(mid,mnm,url){
		  parent.location.href=url+"&menuId="+mid+"&menuNm="+mnm;
		}
	</script>
	
</head>

<body>

<div class="tree" style="overflow:hidden;">
ZHUOMUNIAO
<%
StringBuffer sb1 = new StringBuffer();
StringBuffer sb2 = new StringBuffer();
StringBuffer sb3 = new StringBuffer();
StringBuffer temp1 = new StringBuffer();
StringBuffer temp2 = new StringBuffer();
StringBuffer temp3 = new StringBuffer();

String menuId1,menuId2,menuId3;
String menuNm1,menuNm2,menuNm3;
String menuLk1,menuLk2,menuLk3;
String pCode1,pCode2,pCode3;
int mLevel1,mLevel2,mLevel3;

//-------------------------------------------------------第1层
for(int i=0;i<menuList1.size();i++){
  HashMap map1 = (HashMap)menuList1.get(i);
  menuId1 = (String)map1.get("MENU_ID");
  menuNm1 = (String)map1.get("MENU_NAME");
  menuLk1 = (String)map1.get("MENU_LINK");
  pCode1  = (String)map1.get("PARENT_CODE");
  mLevel1 = (Integer)map1.get("MLEVEL");

	//-------------------------------------------------------第2层
  for(int j=0;j<menuList2.size();j++){
    HashMap map2 = (HashMap)menuList2.get(j);
    menuId2 = (String)map2.get("MENU_ID");
    menuNm2 = (String)map2.get("MENU_NAME");
    menuLk2 = (String)map2.get("MENU_LINK");
    pCode2  = (String)map2.get("PARENT_CODE");
    mLevel2 = (Integer)map2.get("MLEVEL");

  	//-------------------------------------------------------第3层
    for(int z=0;z<menuList3.size();z++){
      HashMap map3 = (HashMap)menuList3.get(z);
      menuId3 = (String)map3.get("MENU_ID");
      menuNm3 = (String)map3.get("MENU_NAME");
      menuLk3 = (String)map3.get("MENU_LINK");
      pCode3  = (String)map3.get("PARENT_CODE");
      mLevel3 = (Integer)map3.get("MLEVEL");
      if(menuId1.trim().equals(pCode2.trim()) && menuId2.trim().equals(pCode3.trim())){
        if(!menuLk3.equals("")){
        	temp3.append("<li><a href=\"javascript:doGoUrl('"+menuId3+"','"+menuNm3+"','"+menuLk3+"');\">"+menuNm3+"</a></li>\n");
        }else{
        	temp3.append("<li><a>"+menuNm3+"</a></li>\n");
        }
      }
    }
  	
		if(temp3.length()>0){
    	sb3.append("<ul>\n").append(temp3).append("</ul>\n");
    	temp3=new StringBuffer();
		}
		
    if(menuId1.trim().equals(pCode2.trim())){
	    if(!menuLk2.equals("")){
	    	temp2.append("<li><a href=\"javascript:doGoUrl('"+menuId2+"','"+menuNm2+"','"+menuLk2+"');\">"+menuNm2+"</a>\n"+ sb3 +"</li>\n");
	    }else{
	    	temp2.append("<li><a>"+menuNm2+"</a>\n"+ sb3 +"</li>\n");
	    }
    }
    sb3=new StringBuffer();
    
  }

  if(temp2.length()>0){
	  sb2.append("<ul>\n").append(temp2).append("</ul>\n");
	  temp2=new StringBuffer();
  }
  if(mLevel1==1){
  	temp1.append("<li><a>"+menuNm1+"</a>\n"+ sb2 +"</li>\n");
  }
  sb2=new StringBuffer();
  
}
sb1.append("<ul>\n").append(temp1).append("</ul>\n");
out.println(sb1.toString());

%>
</div>
</body>
</html>


 

8. 创建控制菜单展开或者收起的js代码

tree.js 

/*在IE6,IE7,Firefox下测试能正常显示*/
jQuery(function($){
	var tree = $('.tree');
	var togglePlus = '\<button type=\"button\" class=\"toggle plus\"\>\<\/button\>';
	var toggleMinus = '\<button type=\"button\" class=\"toggle minus\"\>\<\/button\>';
	
	// defalt
	tree.find('ul>li:last-child').addClass('last'); 
	tree.find('li>ul').parent('li').prepend(toggleMinus);	 //prepend是向每个匹配的元素内部前置内容
	tree.find('li>ul').parent('li').addClass('open'); 
	
	
	// click toggle
	$('.tree .toggle').click(function(){
		t = $(this);
		t.parent('li').toggleClass('open');
		if(t.parent('li').hasClass('open')){
			t.removeClass('plus').addClass('minus');
			t.parent('li').children('ul').slideDown(100);
		} else {
			t.removeClass('minus').addClass('plus');
			t.parent('li').children('ul').slideUp(100);			
		}
	});

});


 

9. 用到的css样式文件

 tree.css

/*在IE6,IE7,Firefox下测试能正常显示*/

@charset "utf-8";

html,body{width:100%;height:100%;}

body { 
	BACKGROUND-COLOR:#FFFFFF;
	COLOR: #515050;
	FONT-FAMILY: TAHOMA, Dotum;
	FONT-SIZE:11px;
	MARGIN: 0 0 0 0;
	overflow: auto;
	BORDER: 0;
  SCROLLBAR-FACE-COLOR: #FFFFFF; 
  SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
  SCROLLBAR-3DLIGHT-COLOR: #e8e8e8; 
  SCROLLBAR-ARROW-COLOR: #0083CA; 
  SCROLLBAR-DARKSHADOW-COLOR: #e8e8e8; 
  SCROLLBAR-BASE-COLOR: #FFFFF; 
}

/* Tree */
.tree { font-size:12px; font-family:Tahoma, Geneva, sans-serif;}
.tree ul{ list-style:none; margin:0; padding:0;}
.tree ul ul{ margin-left: -5px;}

.tree li{ 
	position:relative;
	padding-left:20px;
	line-height:20px;
	white-space:nowrap;
	background: url('../images/tree/lineTree.gif') no-repeat 9px 0px;
	*zoom:1; /* 触发IE浏览器的haslayout, 解决ie下的浮动，margin重叠等一些问题。*/
}

.tree li.last{ background-position:9px -1766px;}

.tree a{ text-decoration:none; color:#767676;}
.tree a:hover,
.tree a:active,
.tree a:focus{ text-decoration:underline;}

.tree .toggle{ 
	position:absolute; 
	top:0; 
	left:0; 	
	width:20px; 
	height:20px; 
	border:0;
	background: transparent url('../images/tree/btnPlusMinus.gif') no-repeat; 
	cursor:pointer;
}

.tree .toggle.plus{ background-position:5px -15px;}
.tree .toggle.minus{ background-position:5px 5px;}


10.在web.xml 里配置一下servlet

 web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
	xmlns="http://java.sun.com/xml/ns/javaee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
  
  <servlet>
    <servlet-name>InterSet</servlet-name>
    <servlet-class>com.zhuomuniao.myapp.modules.interset.action.InterSetManagerAction</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>InterSet</servlet-name>
    <url-pattern>/interset.do</url-pattern>
  </servlet-mapping>
  
</web-app>


11. 创建测试页面

 test.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" %>

<!-- ***************************************************************************************************************** -->
<!-- LEFT MENU START -->
<!-- ***************************************************************************************************************** -->
<iframe id="lMenu" name="ifrm" src="interset.do?action=leftmenu&LMenuId=10000000" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto" style="width:165px;height:500px;"></iframe>
<!-- ***************************************************************************************************************** -->
<!-- LEFT MENU END -->
<!-- ***************************************************************************************************************** -->


 

 12. 测试结果:

 

 代码下载地址:  http://download.csdn.net/detail/chuzhenbin/4159264

 

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝以上＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

 

 

 

 

chuzhenbin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
12-10
本屌丝最近工作要求重写网站所有代码，so…极其蛋疼的事情出现了，管我的人要求不能用网上的插件，oh~~~my god!! 这是多么能让千万只草原上的马儿奔腾的要求~~~ 先实现一个比较简单的功能： 需求：网页遮罩层/弹出层，兼容IE6 幸好本屌丝以前聪明收集了个js的版本，so，自己改写成了jQuery插件形式的，方便以后使用。 屁话不多放，无码无真相！ 代码如下: /******************************* * @name Layer跨浏览器兼容插件 v1.0 *******************************/ ;(function($){ $.fn.l
用HTML做树形菜单,jquery实现树形菜单完整代码
weixin_31526891的博客
06-04 1038
本实例实现了树形的动态菜单，兼容IE8,火狐，Chrome等浏览器。使用了jQuery的toggle() 方法。效果和代码如下：jquery的树形菜单代码 body { font-family:"宋体"; font-size: 12px; line-height: 1.5em; color:#7FB0C8; padding:0; margin:0; background: #336699;}ul,...
jQuery的认识和jQuery选择器及案例:淘宝服饰导航栏
weixin_67224308的博客
10-11 292
1、JavaScript库JavaScript库：即library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面。简单理解:就是一个JS文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如 jQuery，就是为了快速方便的操作DOM,里面基本都是函数(方法)。2、 jQuery的概念。
20230404----重返学习-async与await-无限树形菜单-npm-终端窗口cmd控制台
seetoyou的博客
04-04 363
day-042-forty-two-20230404-async与await-无限树形菜单-npm-终端窗口cmd控制台 async与await async与await是Promise结合Generator函数的语法糖。 特性 async和await可以分开，一般不会分开。 async必须和函数一块使用，会返回一个Promise实例对象。 async function getData() { return 10; } console.log(getData()); getData() .th
LayUI之动态树
yifei_345678的博客
07-25 1082
导航一般指页面引导性频道集合，多以菜单的形式呈现，可应用于头部和侧边，是整个网页画龙点晴般的存在；Tab广泛应用于Web页面。
利用JQuery实现网页左侧树形菜单(IE6 IE7 Firefox下测试通过)
03-21
利用JQuery实现网页左侧树形菜单(IE6 IE7 Firefox下测试通过)
ajax 加载树插件,jQuery使用zTree插件实现树形菜单和异步加载
weixin_39567943的博客
08-05 261
本文实例讲解了jQuery使用zTree插件实现树形菜单和异步加载，并且可以进行编辑，分享给大家供大家参考，具体内容如下效果图：一、HTML代码var setting = {async: {enable: true,url: "AjaxPage/GetAjax.aspx?z=sdfww234edfsd",autoParam: ["id"],dataFilter: filter,contentTyp...
利用JQuery实现网页左侧树形菜单(IE6测试通过)
chuzhenbin的专栏
03-16 3515
本次实验项目结构图:   1. 定义保存菜单数据的表结构 CREATE TABLE `tb_com_menu_info` ( `MENU_ID` varchar(8) NOT NULL, `MENU_NAME` varchar(30) DEFAULT NULL, `MENU_LINK` varchar(100) DEFAULT NULL, `MLEVEL` int(1
【前后端构建侧边栏多级动态导航栏---树形结构】
qq_23128255的博客
03-24 663
list转树形，显示多级动态菜单
28款jQuery Tree 树形结构插件（转自：http://www.andelse.com/jquery-tree-plugins.html）
guoyiqi
02-08 911
（1）jQuery File Tree （2）jQuery plugin: Treeview(演示地址) 这个插件能够把无序列表转换成可展开与收缩的Tree。 （3）jstree jstree是一个基于jQuery的Tree控件。支持XML，JSON，Html三种数据源。提供创建，重命名，移动，删除，拖"放节点操作。可以自己自定义创建，删除，嵌套，重命名，选择节点的规则。在...
jquery树形菜单+iframe显示实例
01-16
代码来源于我近期的一个项目，点击树形菜单右侧iframe链接的pdf出现变换
利用JQuery实现网页左侧树形菜单_MyTreeByJquery.rar
03-16
从数据库读取菜单信息，利用JQuery实现网页左侧树形菜单显示.
jQuery树形结构机构树菜单代码.zip
07-04
jQuery树形结构机构树菜单代码是一款在网页设计中必不可少的tree树形结构，尤其是在后台管理模板。
JS实现新浪博客左侧的Blog管理菜单效果代码
11-23
本文实例讲述了JS实现新浪博客左侧的Blog管理菜单效果代码。分享给大家供大家参考，具体如下： 这里介绍新浪博客左侧的Blog管理菜单，我们变通一下，如果你在设计程序，那么本款菜单用到后台管理中想必应该很合适吧，图片是调用新浪的，用了比较多的图片，你用的时候最好是下载到本地，以免新浪哪天改版了，你就傻了。 运行效果截图如下： 在线演示地址如下： http://demo.jb51.net/js/2015/js-sina-blog-left-menu-style-codes/ 具体代码如下： <html> <head> <meta http-equiv="Content-Type" conte
IFrame框架收缩与JS的DTree树型菜单
06-01
IFrame框架收缩与JS的DTree树型菜单 本实例Demo实现IFrame框架结构的左右上下收缩，左侧采用了DTree树结构菜单。 --------------------------------------------- This is top！ --------------------------------------------- Example ............|This is right！ $My Exp Tree.....| ..-@Node1.........| [email protected]...| ....&Node1.2.......| ....&Node1.3.......| ..&Node2............| ..&Node3............| $My Pic Tree......| ..&Recyle Bin.....| ---------------------------------------------
jQuery使用zTree插件实现树形菜单和异步加载
10-22
主要介绍了jQuery使用zTree插件实现树形菜单和异步加载的相关方法，感兴趣的小伙伴们可以参考一下
jquery实现树形菜单完整代码
10-23
主要介绍了jquery实现树形菜单完整代码,需要的朋友可以参考下
json+jQuery实现的无限级树形菜单效果代码
10-23
主要介绍了json+jQuery实现的无限级树形菜单效果代码,涉及jquery针对json数据的遍历、读取及动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
jquery经典树形导航
11-15 112
一款经典常用的树形导航，我们在老版本的后台管理系统下常见的效果 下载地址：http://www.lanrenzhijia.com/nav/2012/1112/1547.html ...
jquery 树形菜单
最新发布
09-15
要创建一个基于 jQuery 的树形菜单，可以按照以下步骤进行操作： 1. 首先，确保您已引入了 jQuery 库。可以从 jQuery 官方网站下载最新版本的 jQuery，并在 HTML 文件中引入它，例如： ```html ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值