编程论坛 → ASP技术论坛

如何用asp建立目录树？

getery 发布于 2008-10-10 10:32， 1245 次点击

程序有A，B，C，D，四个大类。每个大类有1，2，3，4，四个小类。
我希望进入页面后，当前页面只显示ABCD，当点击A时，显示A类下面的1，2，3，4小类。
不需要提取数据库中的数据。就如同sohu的bbs中的目录树一样
请问高手我该如何实现？

6 回复

#2

wxm1984272008-10-10 11:48

我也想知道！

#3

tianyu1232008-10-10 13:25

做个参考吧

<script language=javascript>
function check(num)
{
var num=num;
var dd=document.getElementsByTagName("div").length;
for(var i=1;i<=dd;i++)
{
   if(num==i)
   {
     document.getElementById("d"+num).style.display="block";
     document.getElementById("t"+num).style.backgroundColor="#ECECEC";
   }
   else
   {
     document.getElementById("d"+i).style.display="none";
     document.getElementById("t"+i).style.backgroundColor="#FFFFFF";
   }
}
}
</script>
<table border=0 cellspacing=1 cellpadding=0 width=500 bgcolor="#ECECEC">
<tr bgcolor="#FFFFFF" height=30>
<td width=25% align=center id=t1 bgcolor="#ECECEC">
<a href="javascript:check(1);">A</a></td>
<td align=center id=t2><a href="javascript:check(2);">B</a></td>
<td align=center id=t3><a href="javascript:check(3);">C</a></td>
<td align=center id=t4><a href="javascript:check(4);">D</a></td>
</tr>
<tr bgcolor="#FFFFFF" height=30><td colspan="4">
<div id=d1 style="display:block">A1  A2</div>
<div id=d2 style="display:none">B1  B2</div>
<div id=d3 style="display:none">C1  C2</div>
<div id=d4 style="display:none">D1  D2</div>
</td></tr>
</table>

#4

getery2008-10-10 14:50

我做了一个frame页面，左边部分希望做成目录树结构。目录名称写进代码即可。无须从数据库中提取任何数据。
当点击A大类时，显示为：
-A
1
2
3
4
+B
+C
+D

请教高手，如何用asp实现？

#5

getery2008-10-10 14:56

非常感谢二楼的兄弟给出的代码。非常有用

#6

cslldu2008-10-10 20:02

是用javascript写的,学习了，谢谢

#7

multiple19022008-10-10 20:29

这年头看到别人给了代码的，几乎都是激动得光谢谢2楼。
浮躁，就是浮躁。

1