樹的制作

看看这个示例吧,是不是你要的?http://www.1studio.net/html/example/0061/0061.htm

解决方案 »

  1.   

    http://colorweb.go.163.com/js/index.html
      

  2.   

    to net_lover：老大实在是佩服！
      

  3.   


     to net_love: 我怎么打不开呀？？？？？
      

  4.   

    這個有些可以實現﹐用java applet來作﹐但也可以用xml來做。
      

  5.   

    用xml+dom然后通过ms的那个treeview.htc通过webservice来从数据库中取出数据形成树形.最爽了.
      

  6.   


    <html>
    <head>
    <title>Left</title>
    <link rel="stylesheet" href="css/css.css" type="text/css">
    <style>
    <!--
    #foldheader{cursor:hand ;font-size: 10pt;
    list-style-image:url(plus1.gif)}
    #foldinglist{font-size: 10pt;list-style-image:url(min1.gif); margin-left: 11 px}
    //-->
    </style><script language="JavaScript1.2">
    function change(){
    if(!document.all)
    return
    if (event.srcElement.id=="foldheader") {
    var srcIndex = event.srcElement.sourceIndex
    var nested = document.all[srcIndex+1]
    if (nested.style.display=="none") {
    nested.style.display=''
    event.srcElement.style.listStyleImage="url(min1.gif)"
    }
    else {
    nested.style.display="none"
    event.srcElement.style.listStyleImage="url(plus1.gif)"
    }
    }
    //alert(nested)
    }document.onclick=change//-->
    </script></head>
    <body bgcolor="#69e90a" text="#000000" leftmargin="30" topmargin="0">
    <nobr><ul id="foldinglist">
      <li id="foldheader">公共信息</li>
        <ul id="foldinglist" style="display:none" >
           <li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li>
           <li id="foldheader">kdk</li>
             <ul id="foldinglist" style="display:none" >
               <li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li>
             </ul>
        </ul>   <li id="foldheader">商学院</li>
          <ul id="foldinglist" style="display:none" >
             <li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li>
             <li id="foldheader">kdk</li>
                <ul id="foldinglist" style="display:none" >
                  <li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li>
               </ul>
          </ul>
    </ul>
    </nobr>
    </body>
    </html>
      

  7.   

    to:llrock(百乐宝) event.srcElement.id=="foldheader这里的event是什幺﹐javascript里没有这个东东呀。从你的程序里可以看出﹐它应该是传回单击的那个对像﹐但你能不能详细解释一下这个东东﹐或是其它地方有相关文章的话﹐你告诉我url我自己去看好了。在javascript里我還是第一次看到這么用的。真的。很不明白???
      

  8.   

    怎么可能有问题，自己写的，在试试看
    <html>
    <head>
    <title>Left</title>
    <link rel="stylesheet" href="css/css.css" type="text/css">
    <style>
    <!--
    #foldheader{cursor:hand ;font-size: 10pt;
    list-style-image:url(plus1.gif)}
    #foldinglist{font-size: 10pt;list-style-image:url(min1.gif); margin-left: 11 px}
    //-->
    </style><script language="JavaScript1.2">
    function change(){
    if(!document.all)
    return
    if (event.srcElement.id=="foldheader") {
    var srcIndex = event.srcElement.sourceIndex
    var nested = document.all[srcIndex+1]
    if (nested.style.display=="none") {
    nested.style.display=''
    event.srcElement.style.listStyleImage="url(min1.gif)"
    }
    else {
    nested.style.display="none"
    event.srcElement.style.listStyleImage="url(plus1.gif)"
    }
    }
    //alert(nested)
    }document.onclick=change//-->
    </script></head>
    <body bgcolor="#69e90a" text="#000000" leftmargin="30" topmargin="0">
    <nobr><ul id="foldinglist">
      <li id="foldheader">公共信息</li>
        <ul id="foldinglist" style="display:none" >
           <li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li>
           <li id="foldheader">kdk</li>
             <ul id="foldinglist" style="display:none" >
               <li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li>
             </ul>
        </ul>   <li id="foldheader">商学院</li>
          <ul id="foldinglist" style="display:none" >
             <li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li>
             <li id="foldheader">kdk</li>
                <ul id="foldinglist" style="display:none" >
                  <li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li>
               </ul>
          </ul>
    </ul>
    </nobr>
    </body>
    </html>
      

  9.   

    那个event就是你所说的onclick事件呀，没错，如果你想把它放到每个list元素也行，那样你最好创建一个自己的类，然后用类的方法创建每个list项，那样比较灵活，否则你必须直接在html提前写好每个list元素，并获得每个onclick事件，这只是个最简单的例子，利用node，仔细看看就明白了，就一个函数多简单，你要看搞版本到user1.7host.com/llrock
      

  10.   

    to:llrock(百乐宝)    那么event除了srcElement这个对像之外﹐还有其它对象吗?它的对象层次又是怎么的呢?我想问这种技朮你是在哪里学的呀﹐我在书上都没有看到过。
      

  11.   

    不知道你有没有MSDN，多看看，那可是好东西，那里不明白说得清楚一点，我没法回答，还有多去国外得网站，那里的技术很先进，思想更先进，我们确实是发展中国家！你问的稍微清楚一点，我好讲清楚，我可是个负责的人，谁让这里那么多人帮助过我，不知道你有没有过其他方面的编程经验，其实就是controls，没什么，有时候利用control是很方便的，具体问题具体分析，我学js页只是3个月，继续关注！
      

  12.   

    我知道你那里没看懂了，在这里我用了两个不太常用的属性display和sourceIndex；
    display和visibility：visibility=hidden只是对像隐藏，display=none浏览器根本不打印，举个例子：
    <table width="100%" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
        <td onclick="this.style.visibility='hidden';">&nbsp;</td>
        <td onclick="this.style.display='none'">&nbsp;</td>
      </tr>
    </table>
    sourceIndex：每个浏览器标签都有一个sourceIndex，按出现的先后顺序。
    这个树比较简单，所以有很多缺陷，比如你在数中加如<b></b>标签来修饰文字，你会发现它不能正常工作。这是
    var srcIndex = event.srcElement.sourceIndex
    var nested = document.all[srcIndex+1]
    这两句导致的，你所说的对象层次就是<ul><li></ul>的层次，这个属之所以简单也就是利用了这个特性，但带来的是不易扩展，不过你可以使用id，这样扩展起来比较容易，如果想更好就写个类用类的方法动态创建树干和叶，也不是很难，只是我不太喜欢树。功能单一，虽然层次性比较好.忘掉上面说的controls吧，我想了想也不太一样，虽然也可以把sourceIndex理解为controls。我不知道说明白没有，其实我是新手，有很多js不明白，还请这位朋友今后多帮忙。先谢了。我是见义勇为的好市民！
      

  13.   

    我有一個完整的例子﹐我給你mail過去﹐你可以看看﹐其實有這類工具。可以生成java  applet代碼
      

  14.   

    applet 还是不好用，速度慢，不好和HTML交互
    用jscript比较合适to llrock(百乐宝)：要学这方面的知识，找些DHTML和DOM的参数书，没有DOM，javascript也没什么用