请问CSDN论坛左边的树状结构图是怎么做的，有源代码最好！高分相送。

推荐,各种树都有
http://fason.nease.net/

解决方案 »

  1.   

    <html>
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script language="JavaScript">
    var w=200;
    function closenavi() {
    w-=10;
    if (w>-10) {window.parent.testframeset.cols = ''+w+',*';repeat=setTimeout("closenavi()",10);}
    else {clearTimeout(repeat);w=200;}
    }function initIt(){
            divCount = document.all.tags("DIV");
            for (i=0; i<divCount.length; i++) {
                obj = divCount(i);
                if (obj.className == "child" || obj.className == "child1") obj.style.display = "none";
            }
    }function expandIt(el) {        obj = eval("page" + el);
            obj2 = eval("main" + el);
            if (obj.style.display == "none") {
                obj.style.display = "block";
    obj2.all.tags('img')[0].src='images/icon-folder1-open.gif';
    obj2.all.tags('img')[1].src='images/icon-folder-open.gif';
            }
            else {
                obj.style.display = "none";
    obj2.all.tags('img')[0].src='images/icon-folder1-close.gif';
    obj2.all.tags('img')[1].src='images/icon-folder-close.gif';
            }}onload = initIt;var judge=0;
    function expandall(o) {
    if (judge==0) {divCount2 = document.all.tags("DIV");
            for (i=0; i<divCount2.length; i++) {
                obj2 = divCount2(i);
                if (obj2.className == "child" || obj.className == "child1" || obj2.style.display == "none") 
    {obj2.style.display = "block";}
    if (obj2.className == "menu")
    {obj2.all.tags('img')[0].src='images/icon-folder1-open.gif';
                obj2.all.tags('img')[1].src='images/icon-folder-open.gif';
                }
    }judge=1;
    o.src='images/icon-closeall.gif';
    o.alt='全部折叠';
    }
    else {divCount2 = document.all.tags("DIV");
            for (i=0; i<divCount2.length; i++) {
                obj2 = divCount2(i);
                if (obj2.className == "child" || obj.className == "child1" || obj2.style.display == "block") 
    {obj2.style.display = "none";}
    if (obj2.className == "menu")
    {obj2.all.tags('img')[0].src='images/icon-folder1-close.gif';
                obj2.all.tags('img')[1].src='images/icon-folder-close.gif';
                }
    }judge=0;
    o.src='images/icon-expandall.gif';
    o.alt='全部展开';
    }
    }</script>
    </head><body bgcolor="#FFFFFF" text="#000000" onselectstart="return false;"oncontextmenu="return false" leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0">
    <table width="18%" border="0" align="center">
      <tr>
        <td><table width="150" border="0" cellspacing="0" cellpadding="0">
            <tr> </tr>
            <tr> 
              <td valign="top">&nbsp;</td>
              <td valign="top"> <div id="main1" class="menu" onClick="expandIt('1'); return false"> 
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr> 
                      <td width="35"><img src="images/icon-folder1-close.gif" width="15" height="13"><img src="images/icon-folder-close.gif" width="16" height="15" align="absmiddle"></td>
                      <td>基本设置</td>
                    </tr>
                  </table>
                </div>
                <div id="page1" class="child" style="padding-left:15px"> 
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                    <tr> 
                      <td height="20"><img src="images/icon-t.gif" width="5" height="10" align="absmiddle" hspace="4"><a href="login.asp?=查询货品" target="main">查询货品</a></td>
                    </tr>
                  </table>
                </div>
                <div id="main2" class="menu" onClick="expandIt('2'); return false"> 
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr> 
                      <td width="35"><img src="images/icon-folder1-close.gif" width="15" height="13"><img src="images/icon-folder-close.gif" width="16" height="15" align="absmiddle"></td>
                      <td>订货处理</td>
                    </tr>
                  </table>
                </div>
                <div id="page2" class="child" style="padding-left:15px"> 
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                     <tr> 
                      <td height="18"><img src="images/icon-t.gif" width="5" height="10" align="absmiddle" hspace="4"><a href="login.asp?=查询订货单" target="main">查询订货单</a></td>
                    </tr>
                  </table>
                </div>
               
            <tr> 
              <td valign="top">&nbsp;</td>
              <td valign="top">&nbsp;</td>
            </tr>
          </table></td>
      </tr>
    </table>
    </body>
    </html>
      

  2.   

    fason
    http://fason.nease.net/zhuanti/tree/XML.zipmoonpiazza
    http://61.163.246.155/pro/XMLSelTree/
    http://61.163.246.155/pro/XMLSelTree.rar