亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

js實現無限級樹形導航列表

2024-09-05 12:20:34

字體：大中小

來源：轉載

供稿：網友

js實現無限級樹形下拉導航菜單，簡潔實用，用到一個已封裝好的JS類，有用的大家借鑒一下。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">     *{ margin:0; padding:0;    list-style:none;}     body { margin:20px;}     h2 { font-family:"黑體"; font-size:24px; text-align:center; line-height:32px;}     h5 { font-size:12px; text-align:center; font-weight:normal; color:#666; line-height:28px;}     #nav a { text-decoration:underline;color:#06c; font-size:14px; line-height:24px;}     #nav ul{ margin-bottom:5px;}     #nav strong{ color:#696;}     #nav.dyn li ul{ display:none;}     #nav.dyn li ul.show{ display:block;}     #nav.dyn li{ padding-left:15px;}     #nav.dyn li.parent{    background:url(/jscss/demoimg/201004/user_23.gif) 5px 10px no-repeat;}     #nav.dyn li.open{ background:url(/jscss/demoimg/201004/user_23.gif) 5px -34px no-repeat;}     </style> <script type="text/javascript">DOMhelp={	debugWindowId:'DOMhelpdebug',	init:function(){		if(!document.getElementById || !document.createTextNode){return;}	},	lastSibling:function(node){		var tempObj=node.parentNode.lastChild;		while(tempObj.nodeType!=1 && tempObj.previousSibling!=null){			tempObj=tempObj.previousSibling;		}		return (tempObj.nodeType==1)?tempObj:false;	},	firstSibling:function(node){		var tempObj=node.parentNode.firstChild;		while(tempObj.nodeType!=1 && tempObj.nextSibling!=null){			tempObj=tempObj.nextSibling;		}		return (tempObj.nodeType==1)?tempObj:false;	},	getText:function(node){		if(!node.hasChildNodes()){return false;}		var reg=/^/s+$/;		var tempObj=node.firstChild;		while(tempObj.nodeType!=3 && tempObj.nextSibling!=null || reg.test(tempObj.nodeValue)){			tempObj=tempObj.nextSibling;		}		return tempObj.nodeType==3?tempObj.nodeValue:false;	},	setText:function(node,txt){		if(!node.hasChildNodes()){return false;}		var reg=/^/s+$/;		var tempObj=node.firstChild;		while(tempObj.nodeType!=3 && tempObj.nextSibling!=null || reg.test(tempObj.nodeValue)){			tempObj=tempObj.nextSibling;		}		if(tempObj.nodeType==3){tempObj.nodeValue=txt}else{return false;}	},	createLink:function(to,txt){		var tempObj=document.createElement('a');		tempObj.appendChild(document.createTextNode(txt));		tempObj.setAttribute('href',to);		return tempObj;	},	createTextElm:function(elm,txt){		var tempObj=document.createElement(elm);		tempObj.appendChild(document.createTextNode(txt));		return tempObj;	},	closestSibling:function(node,direction){		var tempObj;		if(direction==-1 && node.previousSibling!=null){			tempObj=node.previousSibling;			while(tempObj.nodeType!=1 && tempObj.previousSibling!=null){				 tempObj=tempObj.previousSibling;			}		}else if(direction==1 && node.nextSibling!=null){			tempObj=node.nextSibling;			while(tempObj.nodeType!=1 && tempObj.nextSibling!=null){				 tempObj=tempObj.nextSibling;			}		}		return tempObj.nodeType==1?tempObj:false;	},	initDebug:function(){		if(DOMhelp.debug){DOMhelp.stopDebug();}		DOMhelp.debug=document.createElement('div');		DOMhelp.debug.setAttribute('id',DOMhelp.debugWindowId);		document.body.insertBefore(DOMhelp.debug,document.body.firstChild);	},	setDebug:function(bug){		if(!DOMhelp.debug){DOMhelp.initDebug();}		DOMhelp.debug.innerHTML+=bug+'/n';	},	stopDebug:function(){		if(DOMhelp.debug){			DOMhelp.debug.parentNode.removeChild(DOMhelp.debug);			DOMhelp.debug=null;		}	},	getKey:function(e){		if(window.event){	      var key = window.event.keyCode;	    } else if(e){	      var key=e.keyCode;	    }		return key;	},/* helper methods */	getTarget:function(e){		var target = window.event ? window.event.srcElement : e ? e.target : null;		if (!target){return false;}		while(target.nodeType!=1 && target.nodeName.toLowerCase()!='body'){			target=target.parentNode;		}		return target;	},	stopBubble:function(e){		if(window.event && window.event.cancelBubble){			window.event.cancelBubble = true;		} 		if (e && e.stopPropagation){			e.stopPropagation();		}	},	stopDefault:function(e){		if(window.event && window.event.returnValue){			window.event.returnValue = false;		} 		if (e && e.preventDefault){			e.preventDefault();		}	},	cancelClick:function(e){		if (window.event){			window.event.cancelBubble = true;			window.event.returnValue = false;		}		if (e && e.stopPropagation && e.preventDefault){			e.stopPropagation();			e.preventDefault();		}	},	addEvent: function(elm, evType, fn, useCapture){		if (elm.addEventListener){			elm.addEventListener(evType, fn, useCapture);			return true;		} else if (elm.attachEvent) {			var r = elm.attachEvent('on' + evType, fn);			return r;		} else {			elm['on' + evType] = fn;		}	},	cssjs:function(a,o,c1,c2){		switch (a){			case 'swap':				o.className=!DOMhelp.cssjs('check',o,c1)?o.className.replace(c2,c1):o.className.replace(c1,c2);			break;			case 'add':				if(!DOMhelp.cssjs('check',o,c1)){o.className+=o.className?' '+c1:c1;}			break;			case 'remove':				var rep=o.className.match(' '+c1)?' '+c1:c1;				o.className=o.className.replace(rep,'');			break;			case 'check':				var found=false;				var temparray=o.className.split(' ');				for(var i=0;i<temparray.length;i++){					if(temparray[i]==c1){found=true;}				}				return found;			break;		}	},    safariClickFix:function(){      return false;    }}DOMhelp.addEvent(window, 'load', DOMhelp.init, false);</script> <script type="text/javascript">  </script> <h2>js實現無限級樹形導航列表</h2><ul id="nav">     <li>主頁</li>     <li>產品         <ul>             <li>大類別一                 <ul>                     <li>小類別一                         <ul>                             <li>次類別一</li>                             <li>次類別二</li>                         </ul>                     </li>                     <li>小類別二</li>                 </ul>             </li>             <li>大類別二</li>             <li>大類別三                 <ul>                     <li>小類別一</li>                     <li>小類別二</li>                 </ul>             </li>         </ul>     </li>     <li>服務         <ul>             <li>大類別一</li>             <li>大類別二</li>             <li>大類別三</li>         </ul>     </li>     <li>合作</li>     <li>關于我們         <ul>             <li>大類別一                 <ul>                     <li>小類別一</li>                     <li>小類別二</li>                 </ul>             </li>             <li>大類別二                 <ul>                     <li>小類別一</li>                     <li>小類別二</li>                 </ul>             </li>             <li>大類別三                 <ul>                     <li>小類別一</li>                     <li>小類別二</li>                 </ul>             </li>             <li>大類別四</li>         </ul>     </li>     <li>聯系我們         <ul>             <li>大類別一</li>             <li>大類別二</li>         </ul>     </li> </ul>

上一篇：論壇上的鼠標感應菜單，帶陰影

下一篇：CSS Tab簡潔版，切換標簽

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

成人性生交xxxxx网站| 久久久精品国产网站| 欧美性色19p| 日韩少妇与小伙激情| 在线视频日本亚洲性| 黑人与娇小精品av专区| 亚洲精品一区二区三区婷婷月| 国产日产亚洲精品| 亚洲欧美日韩国产精品| 久久精品小视频| 日韩中文字在线| 久久精品国产v日韩v亚洲| 国产精品爽爽ⅴa在线观看| 91免费看片在线| 成人免费视频97| x99av成人免费| 国产精品一区二区电影| 91在线观看免费观看| 亚洲尤物视频网| 日韩精品在线观看一区二区| 久久久精品久久| 久99九色视频在线观看| 97精品久久久中文字幕免费| 清纯唯美亚洲综合| 日韩在线欧美在线| 国产精品久久久久久影视| 日本国产一区二区三区| 亚洲老头老太hd| 欧美在线精品免播放器视频| 亚洲女人初尝黑人巨大| 亚洲精品视频二区| 亚洲成色999久久网站| 欧美一级免费看| 欧美视频中文字幕在线| 中文字幕欧美日韩精品| 欧美激情图片区| 日本伊人精品一区二区三区介绍| 成人欧美一区二区三区在线湿哒哒| 亚洲自拍偷拍福利| 欧美电影院免费观看| 国产一区二区av| 中文字幕在线成人| 国产精品爽爽ⅴa在线观看| 国产成人精品免费久久久久| 欧美日韩一区二区在线播放| 欧美激情在线视频二区| 国产成人免费av电影| 国内精品视频久久| 久久夜色精品国产欧美乱| 国产亚洲aⅴaaaaaa毛片| 日韩精品视频免费专区在线播放| 国产91露脸中文字幕在线| 亚洲爱爱爱爱爱| 欧美日韩亚洲精品一区二区三区| 97精品久久久| 国产精品大片wwwwww| 国产精品入口夜色视频大尺度| 在线播放精品一区二区三区| 91成人在线视频| 亚洲天堂网在线观看| 伊人久久综合97精品| 亚洲一区二区三区香蕉| 日韩中文字幕在线观看| 国产精品美女无圣光视频| 成人国产精品免费视频| 2018中文字幕一区二区三区| 韩剧1988在线观看免费完整版| 九九热最新视频//这里只有精品| 亚洲第一视频在线观看| 久久久久久亚洲精品中文字幕| 成人高h视频在线| 精品亚洲精品福利线在观看| 日韩在线一区二区三区免费视频| 91精品国产91久久久久久吃药| 日韩美女激情视频| 精品久久久久久久久久ntr影视| 欧美丝袜第一区| 国产精品久久久久久av福利软件| 欧美国产日韩二区| 国产在线拍偷自揄拍精品| 成人国产精品色哟哟| 成人免费观看49www在线观看| 欧美日韩国产一区二区三区| 欧美日韩一区二区在线播放| 国产欧美在线视频| 国产精品无码专区在线观看| 免费91麻豆精品国产自产在线观看| 在线a欧美视频| 国产日韩欧美自拍| 97欧美精品一区二区三区| 欧美激情成人在线视频| 午夜免费日韩视频| 日本电影亚洲天堂| 国产精品久久久久久久7电影| 国产裸体写真av一区二区| 久久久亚洲国产| 亚州av一区二区| 国产91|九色| 日韩一级裸体免费视频| 曰本色欧美视频在线| 欧亚精品在线观看| 久久久久久有精品国产| 午夜精品99久久免费| 国产一区二区三区在线视频| 亚洲天堂男人天堂女人天堂| 国产中文字幕日韩| 欧美日韩中文字幕综合视频| 日韩在线精品一区| 欧美日韩亚洲精品一区二区三区| 欧美大胆在线视频| 日产精品久久久一区二区福利| 一本大道香蕉久在线播放29| 精品久久久久久国产91| 成人免费直播live| 成人中文字幕+乱码+中文字幕| 成人精品aaaa网站| 国产日本欧美在线观看| 亚洲人精选亚洲人成在线| 亚洲成人激情视频| 亚洲欧美精品一区| 91日本视频在线| 欧美猛男性生活免费| 欧美日韩午夜视频在线观看| 国产成人av在线播放| 久久精品成人动漫| 亚洲精品国产精品国产自| 国产日韩精品视频| 国产欧美日韩精品丝袜高跟鞋| 欧美一区二粉嫩精品国产一线天| 91精品国产色综合久久不卡98口| 日本久久久久久| 欧美黑人巨大精品一区二区| 色妞在线综合亚洲欧美| 国语自产偷拍精品视频偷| 岛国av在线不卡| 久久精品免费电影| 国产精品美女主播在线观看纯欲| 国产日本欧美一区| 久久综合网hezyo| 亚洲人成电影在线观看天堂色| 日本视频久久久| 欧美丰满片xxx777| 精品久久久香蕉免费精品视频| 国产精品久久久久久久久久免费| 视频直播国产精品| 亚洲美女视频网站| 亚洲欧美日韩一区二区在线| 欧美国产高跟鞋裸体秀xxxhd| 国产精品美女免费看| 国产精自产拍久久久久久| 欧美成人四级hd版| 久久人人爽人人爽人人片av高清| 中文在线资源观看视频网站免费不卡| 91啪国产在线| 国产日韩专区在线| 午夜免费在线观看精品视频| 亚洲欧美日韩中文在线| 成人午夜激情网| 91在线视频成人| 欧美精品一区三区| 久久夜色撩人精品| 日韩欧美在线视频免费观看| 日韩电影免费观看在线| 国产欧美欧洲在线观看|