麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

<tt id="jathn"></tt>

<tt id="jathn"></tt><sup id="jathn"></sup>

<tt id="jathn"></tt>

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

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

疑難解答

圖片精選

網友關注

主站蜘蛛池模板：国产自在自线午夜精品视频在 | 精品国产一区二区三区四区阿崩 | 午夜视频在线观 | 伊人久久电影网 | 日本aaaa片毛片免费观看视频 | 欧美日韩亚洲精品一区二区三区 | 久久噜噜噜精品国产亚洲综合 | 久久亚洲精选 | 在线高清中文字幕 | 国产女同玩人妖 | 久草在线资源福利站 | 久久露脸国语精品国产91 | 青青操精品 | 亚州精品天堂中文字幕 | 日本免费a∨ | 免看黄大片aa | 美女黄影院 | 91成人久久 | 羞羞视频免费观看网站 | 最新在线黄色网址 | 在线无码| 在线日本制服中文欧美 | 欧美日韩手机在线观看 | 久章草影院 | 日韩黄色片在线观看 | 日韩av电影免费在线观看 | 九九热免费视频在线观看 | 黑人操穴| 午夜精品老牛av一区二区三区 | 久色亚洲 | 欧美一级毛片美99毛片 | 欧美日韩a∨毛片一区 | 久久久久亚洲精品国产 | 特一级毛片 | 狠狠色成色综合网 | 亚洲特黄 | 免费国产在线视频 | 在线小视频国产 | 一区在线视频 | xxxxhd73国产 | 黄色片网页 |

<var id="pzmsd"></var>

<var id="pzmsd"></var>

<tt id="pzmsd"></tt><tt id="pzmsd"></tt>