哪里有这样的树，可以只根据结点间的ID自动确立父子关系并且不限制级数？？


一个非常漂亮又符合你的要求的树型菜单：图片你自己找了。
--------------------------------------------------------------------<HTML><HEAD><TITLE>真情蓝剑</TITLE>
<META content="MSHTML 6.00.2501.1" name=GENERATOR>
<META content="" name=Author>
<META content="" name=Keywords>
<META content="" name=Description>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>.wdBlack {
FONT-SIZE: 9pt; COLOR: black; LINE-HEIGHT: 16pt; FONT-FAMILY: 宋体
}
.wdBlue {
FONT-SIZE: 9pt; COLOR: #2f8bdf; LINE-HEIGHT: 16pt; FONT-FAMILY: 宋体
}
.wdRed {
FONT-SIZE: 9pt; COLOR: red; LINE-HEIGHT: 16pt; FONT-FAMILY: 宋体
}
A:link {
FONT-SIZE: 9pt; COLOR: #2f8bdf; FONT-FAMILY: 宋体; TEXT-DECORATION: none
}
A:visited {
FONT-SIZE: 9pt; COLOR: #2f8bdf; FONT-FAMILY: 宋体; TEXT-DECORATION: none
}
A:hover {
FONT-SIZE: 9pt; COLOR: #ff0000; FONT-FAMILY: 宋体; TEXT-DECORATION: underline
}
.bodysc {
SCROLLBAR-FACE-COLOR: #bbd5ff; SCROLLBAR-HIGHLIGHT-COLOR: #bbd5ff; SCROLLBAR-SHADOW-COLOR: #bbd5ff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #666666; SCROLLBAR-TRACK-COLOR: #deeefe; SCROLLBAR-DARKSHADOW-COLOR: #9966cc
}
</STYLE>
</HEAD>
<BODY class=bodysc bgColor=#edfafa leftMargin=0>
<P class=wdBlack>
<SCRIPT src="arealist_new_files/function.js"></SCRIPT><SCRIPT>foldersTree = gFld("<span class=wdRed><a href='home.asp' target='_top'>真情蓝剑BBS</a>");aux1 = insFld(foldersTree, gFld('<span class=wdBlack>我的文档',"subscription.asp"));insDoc(aux1, gLnk(0, '私人收藏','book.asp'));insDoc(aux1, gLnk(0, '预定栏目','subscription.asp'));
  aux1 = insFld(foldersTree, gFld('<span class=wdBlack>蓝剑站务','area.asp?class_id=1')); 
  insDoc(aux1, gLnk(0, '新手上路','areaindex.asp?area_id=5')); insDoc(aux1, gLnk(0, 
  '站台公告','areaindex.asp?area_id=4')); insDoc(aux1, gLnk(0, '版务公开','areaindex.asp?area_id=1')); 
  insDoc(aux1, gLnk(0, '版主审核','areaindex.asp?area_id=2')); insDoc(aux1, gLnk(0, 
  '版主申请','areaindex.asp?area_id=3')); insDoc(aux1, gLnk(0, '版务讨论','areaindex.asp?area_id=40')); 
  insDoc(aux1, gLnk(0, '站务讨论','areaindex.asp?area_id=64')); insDoc(aux1, gLnk(0, 
  '意见建议','areaindex.asp?area_id=41')); insDoc(aux1, gLnk(0, '蓝剑信使','areaindex.asp?area_id=62')); 
  insDoc(aux1, gLnk(0, '测试区','areaindex.asp?area_id=49')); 
  
  aux1 = insFld(foldersTree, gFld('<span class=wdBlack>谈天说地','area.asp?class_id=5')); 
  insDoc(aux1, gLnk(0, '蓝剑朋友','areaindex.asp?area_id=26')); insDoc(aux1, gLnk(0, 
  '时事论坛','areaindex.asp?area_id=43')); insDoc(aux1, gLnk(0, '尖锐话题','areaindex.asp?area_id=60')); 
  insDoc(aux1, gLnk(0, '武侠天地','areaindex.asp?area_id=58')); insDoc(aux1, gLnk(0, 
  '悄悄话<font color=#ff0000>密</font>','areaindex.asp?area_id=38')); 
  
  aux1 = insFld(foldersTree, gFld('<span class=wdBlack>情感天地','area.asp?class_id=11')); 
  insDoc(aux1, gLnk(0, '爱情诊所','areaindex.asp?area_id=27')); insDoc(aux1, gLnk(0, 
  '情感杂谈','areaindex.asp?area_id=28')); insDoc(aux1, gLnk(0, '孤单一人','areaindex.asp?area_id=29')); 
  insDoc(aux1, gLnk(0, '心情日记','areaindex.asp?area_id=30')); insDoc(aux1, gLnk(0, 
  '箐箐校园','areaindex.asp?area_id=69')); insDoc(aux1, gLnk(0, '暗暗爱','areaindex.asp?area_id=37')); 
  
  aux1 = insFld(foldersTree, gFld('<span class=wdBlack>专题频道','area.asp?class_id=12')); 
  insDoc(aux1, gLnk(0, 'ＩＴ论坛','areaindex.asp?area_id=12')); insDoc(aux1, gLnk(0, 
  '精彩美文','areaindex.asp?area_id=50')); insDoc(aux1, gLnk(0, '我爱惠多','areaindex.asp?area_id=51')); 
  insDoc(aux1, gLnk(0, '文艺沙龙','areaindex.asp?area_id=61')); 
  
  aux1 = insFld(foldersTree, gFld('<span class=wdBlack>休闲娱乐','area.asp?class_id=4')); 
  insDoc(aux1, gLnk(0, '流行时尚','areaindex.asp?area_id=20')); insDoc(aux1, gLnk(0, 
  '笑话天地','areaindex.asp?area_id=21')); insDoc(aux1, gLnk(0, '音乐影视','areaindex.asp?area_id=42')); 
  insDoc(aux1, gLnk(0, '体坛纵横','areaindex.asp?area_id=33')); 
  
  aux1 = insFld(foldersTree, gFld('<span class=wdBlack>电脑网络','area.asp?class_id=2')); 
  insDoc(aux1, gLnk(0, '游戏人生','areaindex.asp?area_id=13')); insDoc(aux1, gLnk(0, 
  '网络天下','areaindex.asp?area_id=6')); insDoc(aux1, gLnk(0, '软件使用','areaindex.asp?area_id=9')); 
  insDoc(aux1, gLnk(0, '硬件频道','areaindex.asp?area_id=10')); insDoc(aux1, gLnk(0, 
  '技术开发','areaindex.asp?area_id=8')); insDoc(aux1, gLnk(0, '图形图像','areaindex.asp?area_id=72')); 
  
  aux1 = insFld(foldersTree, gFld('<span class=wdBlack>神州各地','area.asp?class_id=10')); 
  insDoc(aux1, gLnk(0, '北国之春','areaindex.asp?area_id=73')); insDoc(aux1, gLnk(0, 
  '洞庭湖畔','areaindex.asp?area_id=74')); insDoc(aux1, gLnk(0, '岭南大地','areaindex.asp?area_id=65')); 
  insDoc(aux1, gLnk(0, '巴山蜀水','areaindex.asp?area_id=70')); insDoc(aux1, gLnk(0, 
  '你好上海','areaindex.asp?area_id=71')); </SCRIPT><SCRIPT>initializeDocument()</SCRIPT><SCRIPT>clickOnNode(1)</SCRIPT>
</P></BODY></HTML>
---------------------------------------------------------------------
function.js
---------------------------------------------------------------------function Folder(folderDescription, hreference)
{ 
  this.desc = folderDescription 
  this.hreference = hreference 
  this.id = -1   
  this.navObj = 0  
  this.iconImg = 0  
  this.nodeImg = 0  
  this.isLastNode = 0 
 
  this.isOpen = true 
  this.iconSrc = "images/folderopen.gif"   
  this.children = new Array 
  this.nChildren = 0 
 
  this.initialize = initializeFolder 
  this.setState = setStateFolder 
  this.addChild = addChild 
  this.createIndex = createEntryIndex 
  this.hide = hideFolder 
  this.display = display 
  this.renderOb = drawFolder 
  this.totalHeight = totalHeight 
  this.subEntries = folderSubEntries 
  this.outputLink = outputFolderLink 
} 
 
function setStateFolder(isOpen) 
{ 
  var subEntries 
  var totalHeight 
  var fIt = 0 
  var i=0 
 
  if (isOpen == this.isOpen) 
    return 
 
  if (browserVersion == 2)  
  { 
    totalHeight = 0 
    for (i=0; i < this.nChildren; i++) 
      totalHeight = totalHeight + this.children[i].navObj.clip.height 
      subEntries = this.subEntries() 
    if (this.isOpen) 
      totalHeight = 0 - totalHeight 
    for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++) 
      indexOfEntries[fIt].navObj.moveBy(0, totalHeight) 
  }  
  this.isOpen = isOpen 
  propagateChangesInState(this) 
} 
 
function propagateChangesInState(folder) 
{   
  var i=0 
 
  if (folder.isOpen) 
  { 
    if (folder.nodeImg) 
      if (folder.isLastNode) 
        folder.nodeImg.src = "images/mlastnode.gif" 
      else 
  folder.nodeImg.src = "images/mnode.gif" 
    folder.iconImg.src = "images/folderopen.gif" 
    for (i=0; i<folder.nChildren; i++) 
      folder.children[i].display() 
  } 
  else 
  { 
    if (folder.nodeImg) 
      if (folder.isLastNode) 
        folder.nodeImg.src = "images/plastnode.gif" 
      else 
  folder.nodeImg.src = "images/pnode.gif" 
    folder.iconImg.src = "images/folderclosed.gif" 
    for (i=0; i<folder.nChildren; i++) 
      folder.children[i].hide() 
  }  
} 
 
function hideFolder() 
{ 
  if (browserVersion == 1) { 
    if (this.navObj.style.display == "none") 
      return 
    this.navObj.style.display = "none" 
  } else { 
    if (this.navObj.visibility == "hiden") 
      return 
    this.navObj.visibility = "hiden" 
  } 
   
  this.setState(0) 
} 
 
function initializeFolder(level, lastNode, leftSide) 
{ 
var j=0 
var i=0 
var numberOfFolders 
var numberOfDocs 
var nc 
      
  nc = this.nChildren 
   
  this.createIndex() 
 
  var auxEv = "" 
 
  if (browserVersion > 0) 
    auxEv = "<a href='javascript:clickOnNode("+this.id+")'>" 
  else 
    auxEv = "<a>" 
 
  if (level>0) 
    if (lastNode)
    { 
      this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='images/mlastnode.gif' width=16 height=22 border=0></a>") 
      leftSide = leftSide + "<img src='images/blank.gif' width=16 height=22>"  
      this.isLastNode = 1 
    } 
    else 
    { 
      this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='images/mnode.gif' width=16 height=22 border=0></a>") 
      leftSide = leftSide + "<img src='images/vertline.gif' width=16 height=22>" 
      this.isLastNode = 0 
    } 
  else 
    this.renderOb("") 
   
  if (nc > 0) 
  { 
    level = level + 1 
    for (i=0 ; i < this.nChildren; i++)  
    { 
      if (i == this.nChildren-1) 
        this.children[i].initialize(level, 1, leftSide) 
      else 
        this.children[i].initialize(level, 0, leftSide) 
      } 
  } 
} 
 
function drawFolder(leftSide) 
{ 
  if (browserVersion == 2) { 
    if (!doc.yPos) 
      doc.yPos=8 
    doc.write("<layer id='folder" + this.id + "' top=" + doc.yPos + " visibility=hiden>") 
  } 
   
  doc.write("<table ") 
  if (browserVersion == 1) 
    doc.write(" id='folder" + this.id + "' style='position:block;' ") 
  doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  doc.write("<tr><td>") 
  doc.write(leftSide) 
  this.outputLink() 
  doc.write("<img name='folderIcon" + this.id + "' ") 
  doc.write("src='" + this.iconSrc+"' border=0></a>") 
  doc.write("</td><td valign=middle nowrap>") 
  if (USETEXTLINKS) 
  { 
    this.outputLink() 
    doc.write(this.desc + "</a>") 
  } 
  else 
    doc.write(this.desc) 
  doc.write("</td>")  
  doc.write("</table>") 
   
  if (browserVersion == 2) { 
    doc.write("</layer>") 
  } 
 
  if (browserVersion == 1) { 
    this.navObj = doc.all["folder"+this.id] 
    this.iconImg = doc.all["folderIcon"+this.id] 
    this.nodeImg = doc.all["nodeIcon"+this.id] 
  } else if (browserVersion == 2) { 
    this.navObj = doc.layers["folder"+this.id] 
    this.iconImg = this.navObj.document.images["folderIcon"+this.id] 
    this.nodeImg = this.navObj.document.images["nodeIcon"+this.id] 
    doc.yPos=doc.yPos+this.navObj.clip.height 
  } 
} 
 
function outputFolderLink() //文件夹连接
{ 
  if (this.hreference) 
  { 
    doc.write("<a href='" + this.hreference + "' TARGET=\"main\" ") 
    if (browserVersion > 0) 
      doc.write("onClick='javascript:clickOnFolder("+this.id+")'") 
    doc.write(">") 
  } 
  else 
    doc.write("<a>") 
} 
 
function addChild(childNode) 
{ 
  this.children[this.nChildren] = childNode 
  this.nChildren++ 
  return childNode 
} 
 
function folderSubEntries() 
{ 
  var i = 0 
  var se = this.nChildren 
 
  for (i=0; i < this.nChildren; i++){ 
    if (this.children[i].children)
      se = se + this.children[i].subEntries() 
  } 
 
  return se 
} 
 
 
function Item(itemDescription, itemLink)
{ 
  this.desc = itemDescription 
  this.link = itemLink 
  this.id = -1
  this.navObj = 0
  this.iconImg = 0
  this.iconSrc = "images/doc.gif" 
 
  this.initialize = initializeItem 
  this.createIndex = createEntryIndex 
  this.hide = hideItem 
  this.display = display 
  this.renderOb = drawItem 
  this.totalHeight = totalHeight 
} 
 function hideItem() 
{ 
  if (browserVersion == 1) { 
    if (this.navObj.style.display == "none") 
      return 
    this.navObj.style.display = "none" 
  } else { 
    if (this.navObj.visibility == "hiden") 
      return 
    this.navObj.visibility = "hiden" 
  }     
} 
 function initializeItem(level, lastNode, leftSide) 
{  
  this.createIndex() 
 
  if (level>0) 
    if (lastNode)
    { 
      this.renderOb(leftSide + "<img src='images/lastnode.gif' width=16 height=22>") 
      leftSide = leftSide + "<img src='images/blank.gif' width=16 height=22>"  
    } 
    else 
    { 
      this.renderOb(leftSide + "<img src='images/node.gif' width=16 height=22>") 
      leftSide = leftSide + "<img src='images/vertline.gif' width=16 height=22>" 
    } 
  else 
    this.renderOb("")   
} 
 function drawItem(leftSide) 
{ 
  if (browserVersion == 2) 
    doc.write("<layer id='item" + this.id + "' top=" + doc.yPos + " visibility=hiden>") 
     
  doc.write("<table ") 
  if (browserVersion == 1) 
    doc.write(" id='item" + this.id + "' style='position:block;' ") 
  doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  doc.write("<tr><td>") 
  doc.write(leftSide) 
  doc.write("<a href=" + this.link + ">") 
  doc.write("<img id='itemIcon"+this.id+"' ") 
  doc.write("src='"+this.iconSrc+"' border=0>") 
  doc.write("</a>") 
  doc.write("</td><td valign=middle nowrap>") 
  if (USETEXTLINKS) 
    doc.write("<a href=" + this.link + ">" + this.desc + "</a>") 
  else 
    doc.write(this.desc) 
  doc.write("</table>") 
   
  if (browserVersion == 2) 
    doc.write("</layer>") 
 
  if (browserVersion == 1) { 
    this.navObj = doc.all["item"+this.id] 
    this.iconImg = doc.all["itemIcon"+this.id] 
  } else if (browserVersion == 2) { 
    this.navObj = doc.layers["item"+this.id] 
    this.iconImg = this.navObj.document.images["itemIcon"+this.id] 
    doc.yPos=doc.yPos+this.navObj.clip.height 
  } 
} 
 
 
function display() 
{ 
  if (browserVersion == 1) 
    this.navObj.style.display = "block" 
  else 
    this.navObj.visibility = "show" 
} 
 function createEntryIndex() 
{ 
  this.id = nEntries 
  indexOfEntries[nEntries] = this 
  nEntries++ 
} 
 function totalHeight()
{ 
  var h = this.navObj.clip.height 
  var i = 0 
   
  if (this.isOpen)
    for (i=0 ; i < this.nChildren; i++)  
      h = h + this.children[i].totalHeight() 
 
  return h 
} 
 
 
function clickOnFolder(folderId) 
{ 
  var clicked = indexOfEntries[folderId] 
 
  if (!clicked.isOpen) 
    clickOnNode(folderId) 
 
  return  
 
  if (clicked.isSelected) 
    return 
} 
 function clickOnNode(folderId) 
{ 
  var clickedFolder = 0 
  var state = 0 
 
  clickedFolder = indexOfEntries[folderId] 
  state = clickedFolder.isOpen 
 
  clickedFolder.setState(!state)
} 
 
function initializeDocument() 
{ 
  if (doc.all) 
    browserVersion = 1
  else 
    if (doc.layers) 
      browserVersion = 2
    else 
      browserVersion = 0
 
  foldersTree.initialize(0, 1, "") 
  foldersTree.display()
  
  if (browserVersion > 0) 
  { 
    doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+">&nbsp;</layer>") 
 
    clickOnNode(0) 
    clickOnNode(0) 
  } 
} 
 
 
function gFld(description, hreference) 
{ 
  folder = new Folder(description, hreference) 
  return folder 
} 
 
function gLnk(target, description, linkData) 
{ 
  fullLink = "" 
 
  if (target==0) 
  { 
    fullLink = "'"+linkData+"' target=\"main\"" 
  } 
  else 
  { 
    if (target==1) 
       fullLink = "'http://"+linkData+"' target=_blank" 
    else 
       fullLink = "'http://"+linkData+"' target=\"main\"" 
  }
 
  linkItem = new Item(description, fullLink)   
  return linkItem 
} 
 
function insFld(parentFolder, childFolder) 
{ 
  return parentFolder.addChild(childFolder) 
} 
 
function insDoc(parentFolder, document) 
{ 
  parentFolder.addChild(document) 
} 
 
 
USETEXTLINKS = 1
indexOfEntries = new Array 
nEntries = 0 
doc = document 
browserVersion = 0 
selectedFolder=0--------------------------------------------------