国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

<small id="dvhni"></small>

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

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

疑難解答

圖片精選

網友關注

主站蜘蛛池模板：秭归县| 拉萨市| 绍兴县| 蕉岭县| 炎陵县| 泸州市| 辉南县| 达日县| 图们市| 秭归县| 武清区| 浑源县| 客服| 八宿县| 温州市| 合作市| 丘北县| 茂名市| 芜湖市| 赣州市| 岗巴县| 湘潭县| 南涧| 定陶县| 休宁县| 永州市| 廉江市| 渝中区| 巴塘县| 威信县| 北海市| 富顺县| 和顺县| 民乐县| 兴业县| 天水市| 永胜县| 确山县| 西充县| 九江市| 石家庄市|

<td id="krv75"></td>

^{<noscript id="krv75"></noscript>}

<td id="krv75"><tr id="krv75"><th id="krv75"></th></tr></td>

<track id="krv75"><tbody id="krv75"></tbody></track><small id="krv75"><tbody id="krv75"></tbody></small>

<p id="krv75"></p>

<td id="krv75"></td>