求救啊在线——————————

<html>
<head>
</head><body bgcolor=LightCyan >
  <span id=b1 style="border:thin ridge; cursor:hand;" onclick="dealclick()">-</span>&nbsp我的文档<br>
  <ul id=list>
    <li><a href=" ">计算机</a></li>
<li>大学英语</li>  </ul>

  <script type="text/javascript">
     function dealclick()
{
     if(b1.innerText == "+")
{
     list.style.display = "block" ;
b1.innerText = "-" ;
}
else
{
     list.style.display = "none" ;
             b1.innerText = "+" ;
//document.body.all.b1.innerText = "+" ;
}
}  </script></body></html>1.我想问的是这个程序，一开始运行出来后显示出了那两个列表，，我想问一下怎么实现一开始运行出来后，那两个列表是隐藏的，要手动点开它，2.我想在那个列表里面在嵌入一些 “+”，怎么实现啊3.也就是想实现大概这种框架，如图所示：该如入下手，想了好久...............

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

也就是类似 CSDN论坛左边那个框架
treeview
这东西？
<li><span class="folder">Folder 1</span> <ul> <li><span class="file">Item 1.1</span></li> </ul> </li> <li><span class="folder">Folder 2</span> <ul> <li><span class="folder">Subfolder 2.1</span> <ul id="folder21"> <li><span class="file">File 2.1.1</span></li> <li><span class="file">File 2.1.2</span></li> </ul> </li> <li><span class="file">File 2.2</span></li> </ul> </li>其实很简单的。子类是父类的子节点。
我不是大牛，呵呵。
连上去是一个背景图的效果。
http://bbs.csdn.net/ui/scripts/System/_resource/MzTreeView/_line1.gif
<html>
<head>
</head><body bgcolor=LightCyan >
  <span id=b1 style="border:thin ridge; cursor:hand;" onclick="dealclick()">+</span>&nbsp我的文档<br>
  <ul id=list style='display:none;'>
    <li><a href=" ">计算机</a></li>
    <li>大学英语</li>  </ul>

  <script type="text/javascript">
     function dealclick()
     {
var b1=document.getElementById('b1');
var list=document.getElementById('list');
         if(b1.innerText == "+")
         {
             list.style.display = "" ;
             b1.innerText = "-" ;
         }
         else
         {
             list.style.display = "none" ;
             b1.innerText = "+" ;
         }
     }
  </script>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#list{
display:none;
}
</style>
</head><body bgcolor=LightCyan >
  <span id=b1 style="border:thin ridge; cursor:hand;" onclick="dealclick()">-</span>&nbsp我的文档<br>
  <ul id=list>
    <li><a href=" ">计算机</a></li>
    <li>大学英语</li>  </ul>

  <script type="text/javascript">
     function dealclick()
     {
         if(b1.innerText == "+")
         {
             list.style.display = "block" ;
             b1.innerText = "-" ;
         }
         else
         {
             list.style.display = "none" ;
             b1.innerText = "+" ;
             //document.body.all.b1.innerText = "+" ;
         }
     }  </script></body></html>用 display 值设置为none

求救啊 在线——————————

解决方案 »

求救啊在线——————————