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.090113.com-全球彩票优惠| www.677601.com-重庆体彩高频| www.776907.com-休闲快三2-| www.860708.com-七星彩直播开奖现场| www.935753.com-彩神3300h-| www.996185.com-北单胜负彩开奖结果| www.gx99.com-天天彩票软件大全| www.311377.com-极速快三开奖网页| www.017732.com-虚拟足球e球彩玩法| www.1802.cn-6号平台彩票| www.147257.com-河北省体彩中心| www.363656.com-官骑彩-| www.54ln.com-乐彩网版本下载| www.770069.com-七彩云南古滇名城| www.882636.com-易彩堂是不是真的| www.961186.com-河北快三定牛| www.cai591.com-快三技巧选号口诀| www.nk83.com-免费彩票平台送30| www.815157.com-专家预测3d彩宝贝| www.929474.com-体星彩7开奖结果| 彩乐乐www.3005w.com| www.he15.com-快三单双算法| www.06gv.com-湖南浩彩-| www.95kr.com-世界杯彩票顺口溜| www.170038.com-快三图表-| www.63787.cc-竞彩购买量-| www.022970.com-玩彩能赢钱的人心理| www.099533.com-彩票盈app-| www.163357.com-江苏快3十分彩下载| www.004548.com-秒彩票开奖-| www.545579.com-福彩站申请多少钱| www.69tf.com-彩票最新中奖故事| www.91rw.com-佰萬彩票开始多久了| www.265035.com-广西快三号码遗漏表| www.388151.com-华彩艺术教育| www.499432.com-微信分分彩开奖| www.565938.com-湖北彩票30选5| www.583392.com-排列三神彩飞扬预测| www.674501.com-唯彩会彩票销量| www.753198.com-五分跑马彩票合法吗| www.857846.com-福彩今天的奖号| www.918911.com-哪个时时彩平台靠谱| www.981876.com-那个可以网上买彩票| www.538564.com-银海彩报图片| www.624552.com-福彩三地大报纸| www.710025.com-体育彩票中奖| www.790120.com-预测彩票软件出售| www.084656.com-手机快彩-| www.1037.cn-彩票开奖排三试机号| www.221285.com-快三怎么作弊| www.308305.com-七乐彩近期开奖公告| www.183522.com-河南快三预测号码| www.36399.com-福彩二等奖几个号码| www.218815.com-百姓彩票计划网址| www.601564.com-中国红彩票-| www.233799.com-快三登录平台| www.331676.com-乐彩三d字谜图谜| www.62652.cc-彩先知中特网| www.498580.com-长白彩票站招聘| www.617919.com-亿购彩是不是黑网站| www.396923.com-七乐彩立即购买| 手机购彩www.237399.com| www.7900.cn-彩票是什么公式| www.38671.cc-彩易科思app| www.16623.cc-福彩任三中奖多少钱| www.660511.com-白菜彩票论坛大全| www.780633.com-彩客网首页网址| www.850356.com-1分彩开奖分析| www.906225.com-吉林快三庄家骗局| www.964052.com-福彩3d教父可信吗| 彩61www.641638.com| www.il55.com-中国足彩网500万| www.025654.com-三分彩怎么玩法| www.7420.com-有刮刮乐的彩票软件| www.063959.com-私彩平台怎么赚钱| www.79833.cc-福彩代理收入| www.575363.com-老时时彩票-| www.21331.cc-澳洲28是彩票吗| www.8139.cm-福彩3d好久开奖| www.578363.com-怎么做网络彩票代理| www.692804.com-买彩网官网-| www.822956.com-6h彩友网一6hy| www.942194.com-体彩排三走势图表| www.cp970.cc-安徽省快三形态| www.22ph.com-3d电脑福利彩票| www.3693.biz-波彩之家客服| www.164814.com-八馬彩票-| www.972557.com-彩虹岛手游版| www.b65.top-江西福彩app下载| www.86ou.com-乐彩购彩-| www.855616.com-今天的福彩开奖| www.001215.com-运彩网入口-| www.874710.com-北京快三还有半顺吗| www.163932.cc-彩票容错软件| www.332822.com-怎样查福彩中奖| www.521000.com-体育彩票哪年开始的| www.681016.com-台湾彩券大乐透| www.292365.cc-肖立刚快三推荐专栏| www.159826.com-足球彩票软件有哪些| www.271632.com-好彩1中奖规则| www.738804.com-开彩吧开奖结果| www.767272.com-快速彩票倍投资金表| www.069766.com-足球胜负彩开奖结果| www.nu82.com-网赌福彩快三| www.132547.com-潘多拉8度彩妆| www.274.bid-开护肤彩妆店加盟| www.052568.com-彩世家-| www.65423.cc-体育彩票软件大全| www.902326.com-哪里可以买3d黑彩| www.979243.com-好彩香烟多少一包| www.ak1.cc-河南快三一定牛遗漏| www.945352.cc-新浪彩票走势图大全| 熊猫彩票www.222xm.cc| www.107090.com-买彩黑客-| www.619300.com-云南中彩票-| www.28639.cc-买竟彩-| www.632494.com-海南七星彩网| www.756372.com-彩富团团队网页计划| www.879159.com-褔体彩开奖公告| www.980816.com-彩票网站源码一条龙| www.cp4899.cc-五分快三计划| www.020325.com-35彩票下载-| www.563730.com-八角彩票网-| www.713718.com-咋样计算下期彩票| www.481890.com-亿彩安卓软件| www.uf71.com-106.彩票下载| www.61ns.com-七星彩票开个奖结果| www.978000.com-富彩彩票是正规的吗| www.qd0.cc-中福快三开奖规律| www.21sn.com-举报彩票违法app| www.901.in-彩库宝典官方正版| www.17798.cc-福利彩票天天彩选三| www.227787.com-彩民新闻-| www.413400.cc-广州足彩研究员招聘| www.242189.com-快三和值中奖多少钱| www.7877.loan-上哪找吉林快三庄家| www.51810.com-牛蛙彩票下载软件| www.31xs.com-彩票今天出什么| www.5116.pw-七星彩今天现场直播| www.770699.com-彩票网私彩平台网址| www.611796.com-佰赢彩票靠谱吗| www.694836.com-什么叫投彩-| www.211138.com-安徽省福彩快三号码| www.10pm.com-新3d福利彩票攻略| www.124770.com-福利快三能买单双吗| 爱彩乐www.132918.com| www.100559.com-乐彩客苹果版| www.418232.com-快彩乐老十一选五| www.552458.com-福彩3d概率计算| www.033236.com-双色球机选网易彩票| www.030623.com-帮买彩票是什么骗局| www.tg22.com-快三豹子间隔期| www.ed50.com-一分彩规律-| www.i63.bid-河南快三一注多少钱| www.151660.com-星辉彩票软件正规吗| www.614151.com-奇妙与彩票讲解| www.9645.cm-牛彩网排列3| www.204440.com-吉林省快三千五百期| www.761584.com-甘肃快三投注技巧| www.38557.cc-k彩福民福地测速| www.28pz.cc-今年网彩会开售吗| www.564622.com-亚彩会官网-| www.cai7599.com上海快三手机助手| www.23899.cc-网络彩票网站案例|