表建好了。
在后台管理分类的时候,我想让它用这种html的形式显示出来
好像csdn的论坛的树形菜单,
树形表格的好处就是看起来比较美观,而且可以很容易的在某个类别上进行 新增子类别。删除当前类别 的操作
这张图看起来好像是一个table。
其实不是。一个table也可以实现这种样式,但是用javascript控制表格伸缩的时候会出现很多麻烦
html里面实际上是
<html>
<head>
<title>无标题文档 </title>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
<script type="text/javascript">
function showDiv(id){
var div=document.getElementById('div_'+id);
if(div.style.display=="none")div.style.display="";
else div.style.display="none"
}
</script>
</head>
<body>
<div>
<TABLE border>
<TR onclick = 'showDiv(1)' >
<TD>a </TD>
<td>b </td>
</TR>
</TABLE>
<div id = 'div_1'>
<table border>
<TR onclick = 'showDiv()'>
<TD>1</TD>
<TD>1</TD>
</TR>
</table>
<div id = 'div_1_2'>
<table border>
<TR>
<TD>1_1</TD>
<TD>1_1</TD>
</TR>
</table>
</div>
</div>
</div>
</body>
</html>
<tr>ab 行 为根类别 点击根类别的时候,隐藏他下面所有的子类别
也就是隐藏div_1
同样点击 <tr>11 行的时候 ,隐藏 div_1_2