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

hzc543806053 2011-11-11 11:19:34

<html>

<head>

</head>



<body bgcolor=LightCyan >

  <span id=b1 style="border:thin ridge; cursor:hand;" onclick="dealclick()">-</span> 我的文档<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.也就是想实现大概这种框架，如图所示：

该如入下手，想了好久...............

...全文

156 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

wyy283 2011-11-12

打赏
举报

<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> 我的文档<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

阿非 2011-11-11

打赏
举报



<html>

<head>

</head>



<body bgcolor=LightCyan >

  <span id=b1 style="border:thin ridge; cursor:hand;" onclick="dealclick()">+</span> 我的文档<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>

zell419 2011-11-11

打赏
举报

[Quote=引用 5 楼 hzc543806053 的回复:]

具体该怎么连上去啊我刚学没多久( ⊙ o ⊙ )啊！
[/Quote]
连上去是一个背景图的效果。
http://bbs.csdn.net/ui/scripts/System/_resource/MzTreeView/_line1.gif

hzc543806053 2011-11-11

打赏
举报

具体该怎么连上去啊我刚学没多久( ⊙ o ⊙ )啊！

zell419 2011-11-11

打赏
举报



<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>