如何实现 论坛的系列版块的 展开收缩..

[cydp007]

类似这种..





html/css/js问题.

[临远]

去找一个js的树形控件如何？

[cydp007]

那不是小题大做么.

我在网上找到过 显示 隐藏 div 那种. 但是效果不好..

就想要一个 跟这个效果差不多的.

[临远]

啊最简单的办法就是copy它的代码了。

[yunyouyou]

ding

[抬头望远，低头沉思]

就是使用javascript+css来实现

<script language='javascript'>
<!--
stat=new Array();
function changeMain(id){
objParent=document.getElementById(id); objDaughter=document.getElementById('iDMain'+id);
if (stat[id]!=1) {
stat[id]=1; objDaughter.style.display='block';} else {if(stat[id]==1){stat[id]=0;

objDaughter.style.display='none'; }
}
}
//-->
</script>


<div><a href="javascript:changeMain(1)">网站论坛</a></div>
<div id="iDMain1" style="display: none">
|_音乐娱乐<br>
|_影视快讯<br>
</div>
<div><a href="javascript:changeMain(2)">网站新闻</a></div>
<div id="iDMain2" style="display: none">
|_新闻1<br>
|_新闻2<br>
</div>


javascript的代码放到<hdad> </head>之间

DIV的ID不能重复，只能改iDMain后面的数字.前面的changeMain()里的数字也要和他所控制的DIV的ID数字对应

[抬头望远，低头沉思]

这样就能实现

网站论坛
|_音乐娱乐
|_影视快讯

点一下网站论坛才会出现下面的栏目,再点一下就会收缩回去.
实现这种效果

当然思路是这样的，这个例子是网上的
你可以根据你自己的情况来改

[steryzone]

[Quote=引用 6 楼 yinyuan1987 的回复:]
这样就能实现

网站论坛
|_音乐娱乐
|_影视快讯

点一下网站论坛才会出现下面的栏目,再点一下就会收缩回去.
实现这种效果

当然思路是这样的，这个例子是网上的
你可以根据你自己的情况来改
[/Quote]
用js就能实现了吧