谁能给我一个类似CSDN社区左边这个树型菜单效果？只要静态的就可以，开帖再加500分！！

给你一个下载地址
http://www.artidea.cn/tree_asp.zip
(是动态的如需要请明天之前下载！)

解决方案 »

  1.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <title>New Page 4</title>
    <base target="main">
    <script language=JavaScript1.2>
    scores = new Array(20);
    var numTotal=0;
    NS4 = (document.layers) ? 1 : 0;
    IE4 = (document.all) ? 1 : 0;
    ver4 = (NS4 || IE4) ? 1 : 0;if (ver4) {
        with (document) {
            write("<STYLE TYPE='text/css'>");
            if (NS4) {
                write(".parent {position:absolute; visibility:visible}");
                write(".child {position:absolute; visibility:visible}");
                write(".regular {position:absolute; visibility:visible}")
            }
            else {
                write(".child {display:none}")
            }
            write("</STYLE>");
        }
    }function getIndex(el) {
        ind = null;
        for (i=0; i<document.layers.length; i++) {
            whichEl = document.layers[i];
            if (whichEl.id == el) {
                ind = i;
                break;
            }
        }
        return ind;
    }function arrange() {
        nextY = document.layers[firstInd].pageY +document.layers[firstInd].document.height;
        for (i=firstInd+1; i<document.layers.length; i++) {
            whichEl = document.layers[i];
            if (whichEl.visibility != "hide") {
                whichEl.pageY = nextY;
                nextY += whichEl.document.height;
            }
        }
    }function initIt(){
        if (!ver4) return;
        if (NS4) {
            for (i=0; i<document.layers.length; i++) {
                whichEl = document.layers[i];
                if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = "hide";
           }
            arrange();
        }
        else {
            divColl = document.all.tags("DIV");
            for (i=0; i<divColl.length; i++) {
                whichEl = divColl(i);
                if (whichEl.className == "child") whichEl.style.display = "none";
            }
        }
    }function expandIt(el) {
    if (!ver4) return;
        if (IE4) {
            whichEl1 = eval(el + "Child");
    for(i=1;i<=numTotal;i++){
    whichEl = eval(scores[i] + "Child");
    if(whichEl!=whichEl1) {
    whichEl.style.display = "none";
    }
    }
            whichEl1 = eval(el + "Child");
            if (whichEl1.style.display == "none") {
                whichEl1.style.display = "block";
            }
            else {
                whichEl1.style.display = "none";
            }
        }
        else {
            whichEl = eval("document." + el + "Child");
    for(i=1;i<=numTotal;i++){
    whichEl = eval("document." + scores[i] + "Child");
    if(whichEl!=whichEl1) {
    whichEl.visibility = "hide";
    }
    }
            if (whichEl.visibility == "hide") {
                whichEl.visibility = "show";
            }
            else {
                whichEl.visibility = "hide";
            }
            arrange();
        }
    }
    onload = initIt;
    </script>
    </head><body bgcolor="#009900">
    <div id=KB1Parent>
     <a onClick="expandIt('KB1');return false"><img src="images/plus.gif" border=0>主要菜单1</a>
    </div>
    <div class=child id=KB1Child>
    <img src="images/blank.gif" border=0><a href="">添加</a><br> 
    <img src="images/blank.gif" border=0><a href="">修改</a><br> 
    <img src="images/blank.gif" border=0><a href="">删除</a><br> 

    </div>
    <div  id=KB2Parent>
     <a onClick="expandIt('KB2');return false"><img src="images/plus.gif" border=0>主要菜单2</a>
    </div>
    <div class=child id=KB2Child>
    <img src="images/blank.gif" border=0><a href="">添加</a><br>
            <img src="images/blank.gif" border=0><a href="">修改</a><br>
    <img src="images/blank.gif" border=0><a href="">删除</a></div>
    <div  id=KB3Parent>
     <a onClick="expandIt('KB3');return false"><img src="images/plus.gif" border=0>主要菜单3</a>
    </div>
    <div class=child id=KB3Child>
    <img src="images/blank.gif" border=0><a href="">发布</a><br>
            <img src="images/blank.gif" border=0><a href="">删除</a><br>
    <img src="images/blank.gif" border=0><a href="">修改</a><br>

    </div>
    <div id=KB4Parent>
     <a onClick="expandIt('KB4');return false"><img src="images/plus.gif" border=0>主要菜单4</a>
    </div>
    <div class=child id=KB4Child>
    <img src="images/blank.gif" border=0><a href="">调查表</a><br> 
    </div>
    <div id=KB5Parent>
     <a onClick="expandIt('KB5');return false"><img src="images/plus.gif" border=0>主要菜单5</a>
    </div>
    <div class=child id=KB5Child>
    <img src="images/blank.gif" border=0><a href="">调查表</a><br> 

    </div>
    <div id=KB6Parent>
     <a onClick="expandIt('KB6');return false"><img src="images/plus.gif" border=0>主要菜单6</a>
    </div>
    <div class=child id=KB6Child>
    <img src="images/blank.gif" border=0><a href="">调查表</a><br> 

    </div><div id=KB7Parent>
     <a onClick="expandIt('KB7');return false"><img src="images/plus.gif" border=0>主要菜单7</a>
    </div>
    <div class=child id=KB7Child>
    <img src="images/blank.gif" border=0><a href="">调查表</a><br> 

    </div>
    <div id=KB8Parent>
     <a onClick="expandIt('KB8');return false"><img src="images/plus.gif" border=0>主要菜单8</a>
    </div>
    <div class=child id=KB8Child>
    <img src="images/blank.gif" border=0><a href="">调查表</a><br> 

    </div><script>numTotal=8;scores[1]='KB1';scores[2]='KB2';scores[3]='KB3';scores[4]='KB4';scores[5]='KB5';scores[6]='KB6';scores[7]='KB7';scores[8]='KB8';</script></body></html>
    --------------------
    图片就自己加了
      

  2.   

    http://www.meizz.com/Web/Download/MzTreeView10.rar
      

  3.   

    帖一个比较简单实用的，只要六行VBS代码。修改非常放便。<BODY topmargin=0 leftmargin=0>
    <Link rel="stylesheet" type="text/css" href="../main.css">
    <table  border=0 background="../images/left_bg.gif" width=160 cellspacing=0> 
    <tr>
    <td style="height:40px"></td>
    </tr>
    <tr   onclick="rock(1)" style="cursor:hand">
    <td>
    <IMG SRC="../images/dh3.gif" WIDTH="162" HEIGHT="30" BORDER="0" ALT="">
    </td>
    </tr>
    <tr id=tr1 style="display:none">
    <td>
    <TABLE width=140 bordercolor=#000000 bordercolordark=#ffffff style="border-left-width:0px;border-right-width:0px" align=center height=100% cellspacing=0 cellpadding=3 border=0>
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian1.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../member/member_search2.asp' target=right>社区人员管理</a>
    </TD>
    </TR>
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian3.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../shequ/family_show.asp' target=right>社区家庭管理</a></TD>
    </TR>
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian3.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT="">  <a href='../member/member_search.asp' target=right>社区人员查询</a></TD>
    </TR>
    </TABLE>
    </td>
    </tr>
    <tr>
    <td  onclick="rock(2)" style="cursor:hand">
     <IMG SRC="../images/dh2.gif" WIDTH="162" HEIGHT="30" BORDER="0" ALT="">
    </td>
    </tr>
    <tr  id=tr2   style="display:none">
    <td>
    <TABLE width=140 bordercolor=#000000 bordercolordark=#ffffff style="border-left-width:0px;border-right-width:0px" align=center height=100% cellspacing=0 cellpadding=3 border=0>
    <TR>
    <!--<TD>&nbsp;<IMG SRC="../images/dian1.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../tuixiu/ident_select.asp' target=right>退休人员注册</a>
    </TD>-->
    </TR>
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian2.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../tuixiu/tuixiu_search2.asp' target=right>退休人员管理</a></TD>
    </TR>
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian3.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../tuixiu/tuixiu_search.asp' target=right>退休人员查询</a></TD>
    </TR>
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian3.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../tuixiu/table_search.asp' target=right>生成报表</a></TD>
    </TR>

    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian3.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../tuixiu/excel.asp' target=right>导出数据</a></TD>
    </TR>
    </TABLE>
    </td>
    </tr><tr   onclick="rock(3)" style="cursor:hand">
    <td>
    <IMG SRC="../images/dh12.gif" WIDTH="162" HEIGHT="30" BORDER="0" ALT="">
    </td>
    </tr>
    <tr  id=tr3  onclick="rock(3)"  style="display:none">
    <td>
    <TABLE width=140 bordercolor=#000000 bordercolordark=#ffffff style="border-left-width:0px;border-right-width:0px" align=center height=100% cellspacing=0 cellpadding=3 border=0>

    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian1.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../list/list_search.asp' target=right>生成报表</a> </TD>
    </TR>
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian3.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../list/excel.asp' target=right>导出数据</a></TD>
    </TR>
    </TABLE>
    </td>
    </tr>
    <tr  onclick="rock(4)" style="cursor:hand">
    <td>
    <IMG SRC="../images/dh1.gif" WIDTH="162" HEIGHT="30" BORDER="0" ALT="">
    </td>
    </tr>
    <tr  id=tr4  style="display:none">
    <td>
    <TABLE width=140 bordercolor=#000000 bordercolordark=#ffffff style="border-left-width:0px;border-right-width:0px" align=center height=100% cellspacing=0 cellpadding=3 border=0>
       <TR>
    <TD>&nbsp;<IMG SRC="../images/dian2.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <A HREF="../kunlan/kunlan_search2.asp" target=right>就业帮扶管理</A></TD>
    </TR>
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian3.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <A HREF="../kunlan/kunlan_search.asp" target=right>就业帮扶查询</a></TD>
    </TR>
    <!--<TR>
    <TD>&nbsp;<IMG SRC="../images/dian1.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../kunlan/bangfu_search.asp' target=right>就业帮扶统计表</TD>
    </TR>
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian1.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href="../kunlan/bangfu_reg.asp" target=right>帮扶记录注册</a></TD>
    </TR>-->
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian1.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href="../kunlan/bangfu_show.asp" target=right>帮扶记录管理</a></TD>
    </TR>
    <!--<TR>
    <TD>&nbsp;<IMG SRC="../images/dian1.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href="../card/shequ_search.asp" target=right>再就业优惠证<br>&nbsp;&nbsp;&nbsp;&nbsp;发放管理和使<br>&nbsp;&nbsp;&nbsp;&nbsp;用情况一览表</a></TD>
    </TR>-->
    </TABLE>
    </td>
    </tr> <tr   onclick="rock(5)" style="cursor:hand">
    <td>
    <IMG SRC="../images/dh5.gif" WIDTH="162" HEIGHT="30" BORDER="0" ALT="">
    </td>
    </tr>
    <tr  id=tr5  style="display:none">
    <td>
    <TABLE width=140 bordercolor=#000000 bordercolordark=#ffffff style="border-left-width:0px;border-right-width:0px" align=center height=100% cellspacing=0 cellpadding=3 border=0>
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian1.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../shequ/shequ_show.asp' target=right>社区管理</a>
    </TD>
    </TR>
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian2.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../danwei/danwei_show.asp' target=right>社区单位管理</a></TD>
    </TR> <TR>
    <TD>&nbsp;<IMG SRC="../images/dian1.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../tuixiu/group_reg.asp' target=right>自编小组管理</a></TD>
    </TR>
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian3.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../tuixiu/txdanwei_reg.asp' target=right>原单位管理</a></TD>
    </TR>
    </TABLE>
    </td>
    </tr><tr   onclick="rock(6)" style="cursor:hand">
    <td>
    <IMG SRC="../images/dh13.gif" WIDTH="162" HEIGHT="30" BORDER="0" ALT="">
    </td>
    </tr>
    <tr  id=tr6  style="display:none">
    <td>
    <TABLE width=140 bordercolor=#000000 bordercolordark=#ffffff style="border-left-width:0px;border-right-width:0px" align=center height=100% cellspacing=0 cellpadding=3 border=0>
    <!--<TR>
    <TD>&nbsp;<IMG SRC="../images/dian1.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../admin/admin_reg.asp' target=right>添加用户</a>
    </TD>
    </TR>-->
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian2.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../admin/admin_del.asp' target=right>管理用户</a></TD>
    </TR>
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian3.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../admin/pswd_change.asp' target=right>修改密码</a></TD>
    </TR>
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian3.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../admin/admin_backup.asp' target=right>数据管理</a></TD>
    </TR>
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian3.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../include/help.asp' target=right>系统帮助</a></TD>
    </TR>
    <TR>
    <TD>&nbsp;<IMG SRC="../images/dian3.gif" WIDTH="13" HEIGHT="15" BORDER="0" ALT=""> <a href='../include/exit.asp' target=_top>安全退出</a></TD>
    </TR>
    </TABLE>
    </td>
    </tr> <tr>
    <td background="../images/ball.gif" height=33>
    </td>
    </tr>
    </table>
    </BODY><script language=vbscript>
    sub rock(x)
    for i=1 to 6
    eval("document.all.tr"&i).style.display="none"
    next
    eval("document.all.tr"&x).style.display="block"
    end sub
    </script>
      

  4.   

    csdn用的梅花雪的，http://www.meizz.com/Web/Download/MzTreeView10.rar
      

  5.   

    查看一下左边树型菜单的源文件就知道了meizz的树的确好用，有详细的说明
      

  6.   

    http://bbs.qq.com/list.htm?id=0&parentid=144