急、急！！！如何实现树形结构，可以一层一层点了展开的，可以在IE和netscape中用的，谢谢

为IE写一个，为Netscape写一个。这年头很少看到这样执著，这样注意兼容性的人了
恭喜恭喜！

昏,这种代码到处都是，自己写一个啦，~不难的~如果层数不过，使用innerHTML属性比较好~

哈哈哈哈。写出来啦！！！
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head><body bgcolor="#FFFFFF" text="#000000">
<script>
var i;
function showmenu(n){
var msg;
var menuid;
switch(n){
case 1 :menuid=m1;break;
case 2 :menuid=m2;break;
}
if (i==1){
switch(n){
case 1 : msg="<a href='http://www.sohu.com' target='_blank'>sohu</a><br><a href='http://www.china.com' target='_blank'>china</a><br>a3" ;break;
case 2 : msg="b1<br>b2<br>b3" ;break;
}
menuid.innerHTML=msg;
i=0;
}
else{
menuid.innerHTML="";
i=1;
}
}
</script>
<table width="20%" border="1" cellspacing="0" cellpadding="0"  >
  <tr>
    <td onclick="showmenu(1)" height="18" style="cursor:hand" colspan="2">菜单1</td>
  </tr>
  <tr>
    <td height="0"></td>
    <td  id="m1" height="0"></td>
  </tr>
  <tr>
    <td onclick="showmenu(2)" height="18" style="cursor:hand" colspan="2">菜单2</td>
  </tr>
  <tr>
    <td height="0"></td>
    <td  id="m2" height="0"></td>
  </tr>
</table></body>
</html>

　wybm()和wzy9645(软件我不懂)　的代码在Netscape6.0下不行，在IE下可以，希望大哥们继续修改支援。

可能改几个关键词就行了吧，Netscape我从来不管的这个词怎么拼的我都拼不好。

我有一个例程对你可能有帮助，[email protected]

这个是偶以前写的，不过这里没有图片，和资源管理器差不多，理论上可有无限层次
且只支持IE。Netscape什么样子都没见过。
<html>
<head>
  <title>树型目录示例</title>
  <style type="text/css">
  
  </style>
  <script language="JScript">
  \n";
    HTMLstr += "\n";
    HTMLstr += "<div id='E_TreeRoot'>\n";
    HTMLstr += "";
    HTMLstr += "</div>";
    HTMLstr += "";
  }
  function AddExtendItem(id,name,parent)
  {
    var TempStr = "";
    if(HTMLstr.indexOf("") != -1)
    {
      alert("E_"+id+" already exist!");
      return;
    }
    eval("A_"+parent+".length++");
    eval("A_"+parent+"[A_"+parent+".length-1]=id");
    eval("T_"+id+"=new TreeItem(id,name,parent,null,\"extend\")");
    eval("A_"+id+"=new Array()");
    TempStr += "";
    TempStr += "";
    TempStr += "<div id='E_"+id+"' style='display: none;'>";
    TempStr += "";
    TempStr += "</div>";
    TempStr += "";
    HTMLstr = HTMLstr.replace("",TempStr);
  }
  function AddItem(id,name,parent,location)
  {
    var TempStr = "";
    if(HTMLstr.indexOf("") != -1)
    {
      alert("E_"+id+" already exist!");
      return;
    }
    eval("A_"+parent+".length++");
    eval("A_"+parent+"[A_"+parent+".length-1]=id");
    eval("T_"+id+"=new TreeItem(id,name,parent,location,\"item\")");
    TempStr += "";
    TempStr += "";
    HTMLstr = HTMLstr.replace("",TempStr);
  }
  function BornCode(id)
  {
    var Extend;
    var Item;
    var TempStr;
    var GifName;
    Extend = eval("A_"+id);
    for(var i=0; i < Extend.length ; i++)
    {
      Item = eval("T_"+Extend[i]);
      TempStr = "";
      TempStr += "";
      TempStr += FrontCode(Item,"");
      if(Item.description == "item")
      {
        if(Extend.length-1 == i)
          TempStr += "<img src='image/e_node.gif' align='absmiddle'>";
        else
          TempStr += "<img src='image/node.gif' align='absmiddle'>";
        TempStr += "<img src='image/doc.gif' align='absmiddle'>";
        TempStr += "<a href='"+Item.location+"' target='"+this.target+"'>"+Item.name+"</a><br>";
      }
      else
      {
        if(Extend.length-1 == i)
        {
          TempStr += "<img id='IMG_"+Item.id+"_A' src='image/e_tenword.gif' onclick='OpenExtend(\""+Item.id+"\",\"e_\")' align='absmiddle'>";
          TempStr += "<img id='IMG_"+Item.id+"_B' src='image/folderclose.gif' onclick='OpenExtend(\""+Item.id+"\",\"e_\")' align='absmiddle'>";
          TempStr += "<a href='javascript:OpenExtend(\""+Item.id+"\",\"e_\")'>"+Item.name+"</a><br>";
        }
        else
        {
          TempStr += "<img id='IMG_"+Item.id+"_A' src='image/tenword.gif' onclick='OpenExtend(\""+Item.id+"\",\"\")' align='absmiddle'>";
          TempStr += "<img id='IMG_"+Item.id+"_B' src='image/folderclose.gif' onclick='OpenExtend(\""+Item.id+"\",\"\")' align='absmiddle'>";
          TempStr += "<a href='javascript:OpenExtend(\""+Item.id+"\",\"\")'>"+Item.name+"</a><br>";
        }
        BornCode(Item.id);
      }
      MenuContext = MenuContext.replace("",TempStr);
    }
    return 1;
  }
  function FrontCode(Item,MyStr)
  {
    if(Item.parent == "TreeRoot")
      return MyStr;
    var TParent;
    var AGround;
    var GifName;
    TParent = eval("T_"+Item.parent);
    AGround = eval("A_"+TParent.parent);
    if(AGround[AGround.length-1] == TParent.id)
      GifName = "blank";
    else
      GifName = "line";
    MyStr = "<img src='image/"+GifName+".gif' border='0' align='absmiddle'>" + MyStr;
    MyStr = FrontCode(TParent,MyStr);
    return MyStr;
  }
  function GainCode()
  {
    MenuContext = HTMLstr;
    if(BornCode("TreeRoot"))
      return MenuContext;
  }
  function OpenExtend(id,e)
  {
    var Extend;
    var ImgA;
    var ImgB;
    Extend = eval("E_"+id);
    ImgA = eval("IMG_"+id+"_A");
    ImgB = eval("IMG_"+id+"_B");
    if(Extend.style.display == "none")
    {
      ImgA.src="image/"+e+"oneword.gif";
      ImgB.src="image/folderopen.gif";
      Extend.style.display = "block";
    }
    else
    {
      ImgA.src="image/"+e+"tenword.gif";
      ImgB.src="image/folderclose.gif";
      Extend.style.display = "none";
    }
  }
  function TreeItem(id,name,parent,location,description)
  {
    this.id=id;
    this.name=name;
    this.parent=parent;
    this.location=location;
    this.description=description;
  }
  -->
  </script>
</head><body bgcolor="#59afff" style="font-size: 9pt; color: #ffff00">
<div id="snwcwt"></div>
  <script language="JScript">
  
  </script>
  <input type="button" onclick="test()" value="加入新的">
  <script language="javascript">
  function test()
  {
    tree_list.AddItem("test72","测试七二","test7","test72");
    tree_list.AddItem("test8","测试八","TreeRoot","test8");
    tree_list.AddExtendItem("test9","测试九","TreeRoot");
    tree_list.AddItem("test91","测试九一","test9","test91");
    tree_list.AddItem("test92","测试九二","test9","test92");
    tree_list.AddItem("test93","测试九三","test9","test93");
    tree_list.AddItem("test94","测试九四","test9","test94");
    tree_list.AddItem("test95","测试九五","test9","test95");
    snwcwt.innerHTML = tree_list.GainCode();
  }
  </script>
</body>
</html>

考，有够笨的，CSDN不就是吗？现成的。

调试易

急、急！！！如何实现树形结构，可以一层一层点了展开的，可以在IE和netscape中用的，谢谢

解决方案 »

急、急！！！如何实现树形结构，可以一层一层点了展开的，可以在IE和netscape中用的 ，谢谢

解决方案 »

急、急！！！如何实现树形结构，可以一层一层点了展开的，可以在IE和netscape中用的，谢谢