用css做的树状结构点击问题

html-css017

用css做的树状结构点击问题,第1张

因为你把子菜单包含在了主菜单的DIV里面了，点击连接的时候默认也是在点击主菜单，所以就合上了。改一下就好了。

<div class="form" onclick="document.all.child1.style.display=(document.all.child1.style.display =='none')?'':'none'" ><span class="hand">>>考勤信息查询</span>

</div>

<div id="child1" class="child" style="display:none">

<a href="man_notice.jsp" target=rightFrame>按时间查询</a><br />

<a href="stu_add.jsp" target=rightFrame>按学号查询</a><br />

<a href="#">按区队班级查询</a><br />

</div>

理论上说是不限制的层数。

一般来说，css注重的就是代码简洁，尽量缩短，代码过长，会影响加载速度。而且层级嵌套太多，对于其他人员可读性太差 。

写样式，最好不要超过3个以上的层级，只要能找到对应的标签设置样式即可。