树状菜单

function openl(aa,bb)
	  {
		if(aa.style.display=="none")
		 {
		   aa.style.display="";
		   bb.src="img/point3.gif";
		 }
		 else
		 {
		  aa.style.display="none";
		  bb.src="img/point1.gif";
		 }  
	  }

 

<table>
	      <tr>
	        <td id="tb" onClick="javascript:openl(document.getElementById('spgl'),document.getElementById('d1'))"><a href="#"><img id="d1" border="0"src="img/point1.gif" width="10" height="10">师资队伍管理</a></td>
          </tr>
        </table>

<!--教师资料管理导航列表-->
		<table style="display:none" id="spgl">
        <tr>
          <td><a href="addgoods.php" target="main">->添加教师资料</a></td>
        </tr>
		<tr>
          <td><a href="updategoods.php" target="main">->修改/删除教师</a></td>
        </tr>
		</table>

table{
	width:170px;
	border:0px;
	margin-left:4px;
}
td{
	background-color:#999999;
	height:22px;
	text-indent:20px;
	padding-left:2px;
}
#tb{
	background-color:#666666;
	height:24px;
	text-indent:2px;
}
td a{
	text-decoration:none;
}
td a:link,td a:visited{
	color:#000000;
}
td a:hover{
	color:#FFFF00;
}