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天

知道了
畅彩 www.603807.com-足彩大数据软件| www.778947.com-大花虎彩报-| www.669159.com-怎么在美国买彩票| www.826775.com-体彩店内部装修图片| www.935908.com-快彩是基诺型彩票吗| 500彩票网www.65707m.com| www.722869.com-168好彩票app| www.921222.com-彩票神人-| 凤凰彩票www.55228k.com| www.231984.com-福彩6十1-| www.rr62.com-美容彩妆店加盟| www.326528.com-时时彩在线缩水工具| www.450394.com-大富翁彩票网址| www.567604.com-中福快三计划app| www.668384.com-彩票走势图全| www.965393.com-福彩自助下载app| www.lp00.com-福利彩票发行宗旨| www.757932.com-高盛彩票网站| www.873331.com-福彩群英会计划| 福彩网www.5522y.cc| www.070321.com-彩神争8靠谱吗| www.4824.com-六选三彩票qq群| www.44444.com-75彩票可以玩吗| www.272799.cc-pc彩票是正规的吗| www.968401.com-时时彩暂停开奖| www.fw55.com-9彩-| www.02uw.com-世界杯可以体彩吗| www.621654.com-控彩-| www.332763.com-如何看彩票-| www.470105.com-怎么购买国外彩票| www.589688.com-七星彩走势图规律图| www.456442.com-七乐彩官网-| www.392683.com-江苏省体彩兑奖| www.542929.com-查询福彩开奖号码| www.640022.com-弘博网彩票-| www.772222.com-3d彩票结果-| www.866549.com-天津时彩官网| www.949702.com-休育彩票开奖| 汇丰彩票www.01hfcp.com| www.qo22.com-福彩双色球作假视频| www.09ps.com-福建体彩音乐聊天室| www.94py.com-开彩传媒原始股| www.52937.com-篮彩吧-| www.925108.com-微信怎么购买彩票| 梦想彩票站www.43131x.com| www.315370.com-a7彩娱乐登录注册| www.766642.com-福彩选4开奖| www.9036.vip-乐彩中心-| www.526652.com-时时彩后二组六| www.15aw.com-因为彩礼钱而分手| 大众彩票www.989778.com| www.qn84.com-贵州快三一天几期| www.988312.com-网络彩票可以举报吗| www.hw48.com-精彩时分走势图| www.th06.com-福彩8江苏快三| www.qk32.com-福利3彩票开奖结果| www.4792.cn-立彩助手准吗| www.6298.cm-广东福彩有app吗| www.79175.com-易网彩票预测汇总| www.2601.pw-电信免费开通彩铃| www.1308.vip-福彩3d图纸汇总| www.682286.com-微信支付买足彩| www.789596.com-快三试机号今天| www.945899.com-河南信阳彩礼多少| 18W彩票www.391438.com| www.26466.cc-长春彩-| www.98758.cc-竞彩365直播| www.073335.com-福彩购彩-| www.449113.com-如何研究海南体彩| www.595009.com-辽宁唯博彩票| www.742059.com-香港新星彩手机网址| www.876663.com-5d中奖彩票-| www.981623.com-中国体彩报最新预测| www.ef36.com-百福彩app-| www.xv58.com-d9彩-| www.515476.com-七星彩中了500万| www.681307.com-十四彩怎么玩法| www.785534.com-海口海南七星彩论坛| www.23ym.com-凤彩图库-| www.5166.org-韩国彩票在哪买| www.99732.cc-香港体育彩票| www.088011.com-988彩票官网| www.144058.com-双色球彩票兑换期限| www.253940.com-青海快三走势图预测| www.052398.com-8k彩票下载安装| www.163475.com-扭蛋彩票-| www.403228.com-中国竞彩兰球计算器| www.509414.com-河内五分彩人工计划| www.579097.com-高频彩票害人公式| www.648222.com-外国彩种-| www.057032.com-彩票信息源码| www.083773.com-彩票开奖预测| www.81747.com-快三平台赌博骗局| www.9846.pw-古建亭子彩绘图案| www.83822.com-刮彩票中奖的小技巧| www.110563.com-时时彩七星彩玩法| www.254932.com-网络彩票有哪些平台| www.bd37.com-福利彩票内蒙古快3| www.xj92.cc-乐彩论坛排3170| www.7812.biz-机选彩票中奖新闻| www.01854.com-彩678怎么安装| www.022776.com-中国公益彩票网预测| www.461001.com-彩票工具—今日运势| www.555945.com-美狮彩票推荐人账号| www.615708.com-体彩七位数网上投注| www.003047.com-完美国际博彩| www.08ll.com-澳彩开奖现场直播网| www.dp39.com-快三怎么在手机上买| www.32qx.com-彩票交税计算器| www.394.cm-全国福彩-| www.720.online-百万彩票网骗局揭秘| www.237108.com-浙江体彩大乐透官网| www.314413.com-七彩网真的能赚钱吗| www.622468.com-傲赢彩票安卓版下载| www.233280.com-彩票大底什么意思| www.054123.com-万宝彩票app下载| www.156286.com-重庆实时彩开奖视频| www.045110.com-彩6精华版相似软件| www.757206.com-中国体育彩票高频彩| www.909038.com-澳门六会彩开奖日期| www.cp799.com-福彩快三大全下载| www.18cu.com-彩票双色球手机购买| www.92aw.com-微信分分彩开奖| www.479300.com-速8彩票五分彩辅助| www.051163.com-查彩票开奖公告| www.206284.com-网易彩票app下载| www.356693.com-彩票可以赠送吗| www.453205.com-全国有多少家彩票店| www.689032.com-齐鲁风采彩友沙龙| www.723469.com-下载福彩网骗局| www.822736.com-本地体彩票开奖| www.9877.me-彩票c12-| www.962128.com-江西福彩助手ios| www.cp0288.com-北京快三助手结果| www.51819.com-合乐彩票网站注册| www.68962.cc-尊彩是-| www.249883.com-天天中奖彩票下载| www.060022.cc-福彩三d的运算方法| www.106155.com-体彩今日开奖结果| www.175356.com-福建彩票快3开奖| www.23038.com-福彩3d杀号专家号| www.86464.com-万博博彩app地址| www.120205.com-澳洲五分彩app| www.243311.com-中国福彩最新开奖| www.192929.com-甘肃福利彩票官网| www.918554.com-u9彩票网-| 云博彩票www.05883.cc| www.878332.cc-福星彩图库-| www.947040.com-亚博假彩票-| www.993208.com-彩票那个容易赚钱| www.uz3.com-马来三分彩开奖记录| www.ly34.com-玩快三输了很多钱| www.yd41.com-彩票新韩国快三| www.652044.cc-福彩每周开奖日期表| www.218698.com-大发快三群-| www.275635.com-福彩快三外挂| www.77728.com-推背图测彩票| www.127471.com-电脑版彩客网首页| www.216166.com-澳门六星彩资料| www.349350.com-体彩屋的邀请码| www.411239.com-越南五分彩平台| www.3023.vip-足彩以分直播| www.873123.com-老快三专家杀号| www.cai6161.com甘肃快三预测|