当前位置:IT168首页 > 技术开发 > 概述
[收藏此页] [打印] [推荐] [评论]

javascript 无限级树形菜单

责任编辑:nancy作者:ITPUB论坛   2008-07-08   
【内容导航】
文本Tag: 微软 sql

【IT168技术文档】

1var list=new Array(); 2 list=[["","a0","aa1","target='blank' href='http://baidu.com/s?wd='"],["","a1","aa2","target='blank' href='http://baidu.com'"],["","a2","aa3","target='blank' href='http://baidu.com'"],["a0","2","bb","target='blank' href='http://baidu.com'"],["2","b2","bba","target='blank' href='http://baidu.com'"],["b2","b22","bbaaa","target='blank' href='http://baidu.com'"],["b2","b221","bbaaa","target='blank' href='http://baidu.com'"],["b2","b222","bbaaa","target='blank' href='http://baidu.com'"],["b2","b223","bbaaa","target='blank' href='http://baidu.com'"]]; 3 function CreateObjectNode(nodeName,id,className,text) 4 { 5 var obj=document.createElement(nodeName); 6 obj.id=id; 7 obj.className=className; 8 obj.innerHTML=text; 9 return obj; 10 } 11 12 function CreateItem(oMenuList,NodeName,BoxID) 13 { 14 var list=new Array(); 15 list=oMenuList; 16 var parentNode=document.getElementById(BoxID); 17 18 var len=parseInt(list.length); 19 for(i=0;i<len;i++) 20 { 21 22 if(list[i][0]==NodeName){ 23 var topBoxID=list[i][1]+i+"Top"; 24 var itemBoxID=list[i][1]+i+"Item"; 25 var titleBoxID=list[i][1]+i+"Title"; 26 27 //create top-box 28 if(!document.getElementById(titleBoxID)) 29 { 30 var item=CreateObjectNode("div",topBoxID,"","");} 31 32 //create title-box 33 if(!document.getElementById(titleBoxID)) 34 {var itemObj=CreateObjectNode("div",titleBoxID,"","-<a "+list[i][3]+" onclick=\"CreateSingleMenu('"+list[i][1]+"','"+itemBoxID+"');\">"+list[i][2]+"</a>"); 35 item.appendChild(itemObj);} 36 //create item-box 37 if(!document.getElementById(itemBoxID)) 38 { var itemObjItem=CreateObjectNode("div",itemBoxID,"",""); 39 //itemObj.onclick="CreateSingleMenu('"+list[i][1]+"','"+itemBoxID+"')"; 40 41 42 item.appendChild(itemObjItem);} 43 44 parentNode.appendChild(item); 45 } 46 } 47 } 48 function CreateSingleMenu(NodeName,BoxID) 49 { 50 var child=document.getElementById(BoxID).childNodes; 51 for(i=0;i<child.length;i++) 52 {child[i].innerHTML="";document.getElementById(BoxID).removeChild(child[i])} 53 if(NodeName=="") 54 {document.getElementById(BoxID).innerHTML="<a onclick=\"CreateSingleMenu('','box');\">clean</a>";} 55 CreateItem(list,NodeName,BoxID) 56 } 57 CreateSingleMenu("","box");
上一页
1
2下一页
收藏到: 添加到“百度搜藏”添加到“QQ书签”添加到“Google书签”添加到“Yahoo收藏”添加到“和讯网摘”
【内容导航】
本文欢迎转载,转载请注明:转载自IT168 [ http://www.it168.com/ ]
本文链接:http://tech.it168.com/d/2008-07-08/200807081350475.shtml
技术开发相关文章  
  • 暂无
友情推介