用javascript 做一个动态的树？

here is a nice one:
http://www.treemenu.com/

解决方案 »

  1.   

    你可以下载一个createtree，然后随便做一棵树
    然后，以这些代码为基础，动态的加上你要加的节点的代码
    就可以了
    我就是这么做的
      

  2.   

    我是用asp+sql server（access也可以）实现的。
    表中的id字段表示树的父子关系，可以实现无限制层数的动态数。而且界面也不错，目前已用在商业软件中。
    如果符合你的要求的话，给我来信[email protected]，或者留下你的Email。
      

  3.   

    colababy(在别处)　能否给个实例
      

  4.   

    To ：　colababy(在别处)　
    能否将代码发到我的信箱中:[email protected]
      

  5.   

    那个要代码的兄弟请告知你的email，我误删了
      

  6.   

    本说明:
    第一步:把如下代码加入<head>区域中
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var bV=parseInt(navigator.appVersion);
    var NS4=(document.layers) ? true : false;
    var IE4=((document.all)&&(bV>=4))?true:false;
    var ver4 = (NS4 || IE4) ? true : false;function expandIt(){return}
    function expandAll(){return}
    function nomsg(){self.status="";}if(ver4){
      document.write("<SCR"+"IPT LANGUAGE=\"JavaScript\" SRC=\"rsmenu1.js\"></SCR"+"IPT>");
    }
    //-->
    </SCRIPT>第二步:把如下代码加入<body>区域中
    <!---------- begin OUTLINE -----------> <A HREF="#" onClick="expandAll(false); return false"><IMG NAME="imEx" SRC="bullet-plus.gif" tppabs="http://www.csdn.net/javascript/bullet-plus.gif" WIDTH=9 HEIGHT=9 BORDER=0 ALT="展开/关闭全部"> 
    <FONT COLOR="#008000">全部菜单</FONT></A> <!-- <span style="background: #00FFFF; color: black">展开/关闭全部</span> --> 
    <!-- <BLOCKQUOTE> --> <!-- 第一级父菜单 --> 
    <DIV ID="elOneParent" CLASS=parent style="margin-left: 0.5em">
    <A HREF="#" style="color:#C000FF; text-decoration:none;" onClick="expandIt('elOne'); return false"><IMG NAME="imEx" SRC="bullet-plus.gif" tppabs="http://www.csdn.net/javascript/bullet-plus.gif" WIDTH=9 HEIGHT=9 BORDER=0>主菜单一</A>
    </DIV><!-- 第一级子菜单 -->
    <DIV ID="elOneChild" CLASS=child style="margin-left: 1em">
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/1.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/1.htm'" tppabs="http://www.csdn.net/javascript/1.htm" target="data">子页面一</A><BR>
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/2.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/2.htm'" tppabs="http://www.csdn.net/javascript/2.htm" target="data">子页面二</A><BR>
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/3.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/3.htm'" tppabs="http://www.csdn.net/javascript/3.htm" target="data">子页面三</A><BR>
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/4.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/4.htm'" tppabs="http://www.csdn.net/javascript/4.htm" target="data">子页面四</A>
    </DIV><!-- 第二级父菜单 -->
    <DIV ID="elTwoParent" CLASS=parent style="margin-left: 0.5em">
    <A HREF="#" style="color:#C000FF; text-decoration:none;" onClick="expandIt('elTwo'); return false"><IMG NAME="imEx" SRC="bullet-plus.gif" tppabs="http://www.csdn.net/javascript/bullet-plus.gif" WIDTH=9 HEIGHT=9 BORDER=0>主菜单二</A>
    </DIV><!-- 第二级子菜单 -->
    <DIV ID="elTwoChild" CLASS=child style="margin-left: 1em">
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/1.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/1.htm'" tppabs="http://www.csdn.net/javascript/1.htm" target="data">子页面一</A><BR>
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/2.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/2.htm'" tppabs="http://www.csdn.net/javascript/2.htm" target="data">子页面二</A><BR>
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/3.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/3.htm'" tppabs="http://www.csdn.net/javascript/3.htm" target="data">子页面三</A><BR>
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/4.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/4.htm'" tppabs="http://www.csdn.net/javascript/4.htm" target="data">子页面四</A>
    </DIV>
    <!-- 第三级父菜单 -->
    <DIV ID="elThreeParent" CLASS=parent style="margin-left: 0.5em">
    <A HREF="#" style="color:#C000FF; text-decoration:none;" onClick="expandIt('elThree'); return false"><IMG NAME="imEx" SRC="bullet-plus.gif" tppabs="http://www.csdn.net/javascript/bullet-plus.gif" WIDTH=9 HEIGHT=9 BORDER=0>主菜单三</A>
    </DIV><!-- 第三级子菜单 -->
    <DIV ID="elThreeChild" CLASS=child style="margin-left: 1em">
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/1.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/1.htm'" tppabs="http://www.csdn.net/javascript/1.htm" target="data">子页面一</A><BR>
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/2.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/2.htm'" tppabs="http://www.csdn.net/javascript/2.htm" target="data">子页面二</A><BR>
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/3.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/3.htm'" tppabs="http://www.csdn.net/javascript/3.htm" target="data">子页面三</A><BR>
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/4.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/4.htm'" tppabs="http://www.csdn.net/javascript/4.htm" target="data">子页面四</A>
    </DIV>
    <!-- 第四级父菜单 -->
    <DIV ID="elFourParent" CLASS=parent style="margin-left: 0.5em">
    <A HREF="#" style="color:#C000FF; text-decoration:none;" onClick="expandIt('elFour'); return false"><IMG NAME="imEx" SRC="bullet-plus.gif" tppabs="http://www.csdn.net/javascript/bullet-plus.gif" WIDTH=9 HEIGHT=9 BORDER=0>主菜单四</A>
    </DIV><!-- 第四级子菜单 -->
    <DIV ID="elFourChild" CLASS=child style="margin-left: 1em">
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/1.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/1.htm'" tppabs="http://www.csdn.net/javascript/1.htm" target="data">子页面一</A><BR>
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/2.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/2.htm'" tppabs="http://www.csdn.net/javascript/2.htm" target="data">子页面二</A><BR>
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/3.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/3.htm'" tppabs="http://www.csdn.net/javascript/3.htm" target="data">子页面三</A><BR>
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/4.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/4.htm'" tppabs="http://www.csdn.net/javascript/4.htm" target="data">子页面四</A>
    </DIV><!-- 第五级父菜单 -->
    <DIV ID="elFiveParent" CLASS=parent style="margin-left: 0.5em">
    <A HREF="#" style="color:#C000FF; text-decoration:none;" onClick="expandIt('elFive'); return false"><IMG NAME="imEx" SRC="bullet-plus.gif" tppabs="http://www.csdn.net/javascript/bullet-plus.gif" WIDTH=9 HEIGHT=9 BORDER=0>主菜单五</A>
    </DIV><!-- 第五级子菜单 -->
    <DIV ID="elFiveChild" CLASS=child style="margin-left: 1em">
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/1.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/1.htm'" tppabs="http://www.csdn.net/javascript/1.htm" target="data">子页面一</A><BR>
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/2.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/2.htm'" tppabs="http://www.csdn.net/javascript/2.htm" target="data">子页面二</A><BR>
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/3.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/3.htm'" tppabs="http://www.csdn.net/javascript/3.htm" target="data">子页面三</A><BR>
      <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/4.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/4.htm'" tppabs="http://www.csdn.net/javascript/4.htm" target="data">子页面四</A>
    </DIV>
    <!-- </BLOCKQUOTE> --><DIV ID="elExpParent" CLASS=regular> <A HREF="#" onClick="expandAll(true); return false"><IMG NAME="imEx" SRC="bullet-plus.gif" tppabs="http://www.csdn.net/javascript/bullet-plus.gif" WIDTH=9 HEIGHT=9 BORDER=0 ALT="展开/关闭全部"> 
      <FONT COLOR="#008000">全部菜单</FONT></A> </DIV><!---------- end OUTLINE -----------><SCRIPT LANGUAGE="JavaScript1.2">
    <!--
    if(NS4){
      firstEl = "elOneParent";
      firstInd = getIndex(firstEl);
      showAll();
      arrange();
    }
    //-->
    </SCRIPT>
      

  7.   

    看看这个够不够酷
    http://friend.dd81.com/bihu/wdb/wdbread.php?forumid=6&filename=f_34
      

  8.   

    ht_csc(清风竹韵):能不能给我一个例子，我也用asp+sql server
    [email protected]
      

  9.   

    ht_csc(清风竹韵):能不能给我一个例子,我是用PHP+mysql 
    [email protected],谢谢了,先!