QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 导航菜单 > jQuery动态添加多级收缩菜单

jQuery动态添加多级收缩菜单

jquery使用json数据格式动态创建多级下拉收缩菜单导航。
分享到微信朋友圈
X

使用方法:

1、head引入css文件

<!--页面布局,可忽略!-->
<link rel="stylesheet" type="text/css" href="css/m-base.css" />

<!--左侧导航样式-->
<link rel="stylesheet" type="text/css" href="css/LeftNav.css"/>

2、head引入js文件

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/LeftNav.js" type="text/javascript"></script>

3、body引入HTML代码

<div class="left"></div>

<script>
	var menu = {
		name: '', //名字
		level:'0',
		haschildren: true, //是否有子节点
		url: '#', //url路径
		isopen: false, //是否展开
		children: [{ //子节点
			name: '1',
			level: '1',
			haschildren: true,
			url: '',
			isopen: true,
			children: [{
				name: '1.1',
				level: '2',
				haschildren: true,
				url: '',
				isopen: true,
				children: [{
					name: '1.1.1',
					level: '3',
					haschildren: false,
					url: '14-1.html',
					isopen: true,
					children: ''
				}, {
					name: '1.1.2',
					level: '3',
					haschildren: false,
					url: '#',
					isopen: false,
					children: ''
				}]
			}]
		}, {
			name: '2',
			level: '1',
			haschildren: true,
			url: '#',
			isopen: false,
			children: [{
				name: '2.1',
				level: '2',
				haschildren: true,
				url: '#',
				isopen: false,
				children: [{
					name: '2.1.1',
					level: '3',
					haschildren: false,
					url: '#',
					isopen: false,
					children: ''
				}, {
					name: '2.1.2',
					level: '3',
					haschildren: false,
					url: '#',
					isopen: false,
					children: ''
				}]
			}, {
				name: '2.2',
				level: '2',
				haschildren: true,
				url: '#',
				isopen: false,
				children: [{
					name: '2.2.1',
					level: '3',
					haschildren: false,
					url: '#',
					isopen: false,
					children: ''
				}, {
					name: '2.2.2',
					level: '3',
					haschildren: true,
					url: '#',
					isopen: false,
					children: [{
						name: '2.2.2.1',
						level: '4',
						haschildren: true,
						url: '#',
						isopen: false,
						children: [{
							name: '2.2.2.1.1',
							level: '5',
							haschildren: false,
							url: '#',
							isopen: false,
							children: ''
						}],
					}]
				}]
			}]
		}]
	}
	//leftNav(menu)
	$.leftNav(".left",menu);
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
1分快三 www.213515.com-福建快三中奖金额| www.14yp.com-河南福利幸运彩| www.886.red-艾彩原创视黑冰公主| www.9169.loan-3b家彩开奖-| www.60055.com-印尼时时彩开奖号码| www.033090.com-炫乐彩票可靠不| www.122734.com-众彩彩票是合法的吗| www.213108.com-中国十大黑彩| www.wm45.com-湖北省快三开奖号码| www.033129.com-体彩四川金7乐开奖| www.28az.com-中国福彩有app吗| www.8704.cm-分分彩后二杀码技巧| www.53164.com-暗黑破坏神3彩虹剑| www.26819.com-七星彩别人买什么| www.029060.com-中兴彩票网站| www.170070.com-快三开奖号码湖北| www.411604.com-七彩欢乐世界| www.931325.com-地方快三是不是真的| www.ld.com-国家江苏快三| www.xl58.com-在线阅读福彩天地报| www.68lo.com-福彩易彩图谜| www.6103.com-怎么区分釉下彩| www.261272.com-快三守号最佳计划| 豪彩VIPwww.808762.com| www.6955.org-体讯网彩票-| www.112354.com-彩票注册送20现金| www.102041.com-快三打和值中奖金额| www.287078.com-彩票转让-| www.032762.com-诸葛智彩软件下载| www.pu70.com-98彩票平台骗局| www.29lh.com-江苏体彩兑奖| www.357.cm-境外博彩诈骗| www.259267.com-雄鹿计划快三| www.345632.com-湖北福彩中奖规则| www.460406.com-实亿彩票app下载| www.554949.com-全民彩票手机版苹果| www.633327.com-怎样玩竞彩篮球彩票| www.709229.com-竞彩推荐分析预测| www.781483.com-微彩宝app-| www.868173.com-七星彩这期规律图| www.941006.com-彩票推广拉人话术| www.994715.com-好彩客所有版本| www.ac45.com-智慧彩挂机软件| www.qt39.com-支付宝停止彩票兑换| www.02vm.com-彩虹的由来同性| www.74zk.com-体彩什么时候开卖| www.1435.cm-能赢钱提现快三| www.270238.com-567彩票官网| www.763579.com-江苏福彩开奖结果| www.843396.com-慈善与彩票-| www.910987.com-快三交流群是什么| 双彩网www.152012.com| www.85612.com-彩38源码下载| www.124901.com-腾讯彩票购彩平台| www.901600.com-炫乐彩票二维码扫描| www.977611.com-世界杯彩票买不了了| www.hq4.com-河南快三二码遗漏| www.yb34.com-快三13点和值| www.68ry.com-全球主要博彩公司| www.206411.com-利盈国际彩票app| www.354747.com-彩票中头奖的秘诀| www.970397.com-天天乐彩038| www.cai0400.com安徽快三一定牛| www.kw35.com-福彩出什么-| www.g92.net-彩500彩票-| www.36rc.com-8百万彩票-| www.269.me-下载王牌彩票app| www.3559.biz-bbin四个彩金| www.649134.com-七彩椒几月播种| www.257606.com-家彩开奖-| www.939148.com-599彩票下载| www.994296.com-高频彩官私勾结| www.ti3.com-彩票开奖结果查绚彩| 博友彩www.938621.com| www.jr15.com-中彩娱乐怎么样| www.98dl.com-天悦体彩店安全吗| www.87yo.com-广东福彩十选五| www.9149.cc-福利彩用户注册| www.cp8908.com-百盈快三最近| www.151744.cc-彩14-| www.333961.com-微博彩票关闭了| www.5718.vip-彩票软件开发系统| www.595703.com-鑫彩平台主页| www.683368.cc-竞彩分析宝哥app| www.751489.com-田伟足彩解盘分析| www.810477.com-官方彩16可靠吗| www.877208.com-七彩彩票是正规的吗| www.949574.com-盈彩彩票快3| www.996365.com-彩票助赢计划| www.715038.com-瑞彩网首页-| www.830393.com-什么软件可以查彩票| www.984291.com-福彩双色球机选5注| www.nm73.com-福彩帮手选号| www.rj96.com-各种釉彩大瓶全民| www.21rp.com-澳客澳客彩票客户端| www.034369.com-体彩有哪些-| www.xv8.com-彩神快三秘籍| www.955241.com-彩票销量下滑原因| www.886357.com-环彩app-| www.984272.com-彩八官方网站| www.53973.cc-时时彩不能-| www.209896.com-福彩3d合买平台| www.nm76.com-玩竞彩足球越陷越深| www.cai6399.com江西快三遗漏| www.773615.com-福利彩票有几种| www.133832.com-聋哑人中彩彩票网| www.111276.com-彩票微信群名字| www.842331.com-体育彩票分配比例| www.077747.com-海南七星彩怎么玩| www.250087.com-福彩网首页-| www.365102.com-分分彩k线-| www.800030.cc-双色彩球中奖号码| www.895845.com-华夏彩票怎么登录| www.244545.com-梦想彩票-| www.33lq.com-体彩排列5几点停售| www.73553.com-加入彩票群-| www.036586.com-预测彩票的软件| www.120947.com-福建福彩玩法| www.219021.com-百姓彩票网页版| www.9411.wang-幸运快三怎么样| www.199884.com-123彩票手机版| www.285292.com-体彩外围是什么意思| www.126855.com-彩客网主页-| www.na57.com-微彩店-| www.1669.cm-500彩票网数据| www.920758.com-幸运5分彩可信吗| www.990814.com-彩票扫描查中奖| www.bk49.com-鳄鱼彩票杀号| www.ss85.com-上彩票app下载| www.59686.cc-福彩双色球分析大师| www.789481.com-彩票推荐-| www.914911.com-天天彩富网后一定胆| E彩堂www.43818j.com| www.932223.com-晨兴彩票app| 创富彩票www.cf9904.com| www.033051.com-257彩票-| www.983674.com-好运彩网站登录| www.vi1.com-中国彩票开奖走势图| www.111710.com-彩票精准购彩计划| www.8613.xyz-百宝彩机顶盒| www.23va.com-彩票266-| www.198777.com-彩票玩法介绍大全| www.767939.com-最近中大奖彩票| www.03184.com-掌优彩票下载安装| www.qv95.com-3分时时彩计划| www.312232.com-乐彩33下载-| www.440552.com-失信人可以买彩票吗| www.568780.com-彩票开奖查询排列| www.295899.com-彩彩乐官网-| www.am83.com-易旺彩票app下载| www.679935.com-彩票每日首存送| www.795048.com-重庆时寸彩开奖软件| www.887963.com-推彩票的渠道| www.2367.net-腾讯分分彩四星计算| www.857685.com-千懛禧彩之源彩票| www.856699.com-七星彩摇奖器| www.919835.com-手机摇彩票球| www.974263.com-环球彩票ahd| 亿彩网www.906880.com| www.jj92.com-彩票大神微信号| www.616697.com-扬州彩票店转让的吗| www.186739.com-什么是福彩快三| www.685.tv-彩票奖金交税| www.3375.pw-下载天天中奖彩票|