다음과 같이 코드 코드를 복사합니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<머리>
<meta http-equiv=content-type content="text/html; charset=utf-8" />
<link href="css/admin.css" type="text/css" rel="stylesheet" />
<스크립트 언어=자바스크립트>
기능 확장(el)//id를 전달합니다. 1,2,3은 해당 항목이 속한 카테고리를 구별하는 데 사용됩니다.
{
childobj = document.getElementById("child" + el);//child1,child2....
if (childobj.style.display == 'none')//이 요소가 없으면 표시되지 않습니다.
{
childobj.style.display = 'block';//블록인 경우. 블록 수준 요소로 표시됩니다.
}
또 다른
{
childobj.style.display = 'none';//다시 클릭하면 다시 숨겨집니다.
}
반품;
}
</script>
</head>
<본문>
<테이블 셀 간격=0 셀 패딩=0 너비=170
배경=./img/menu_bg.jpg 테두리=0>
<tr>
<td valign=상단 정렬=중간>
<테이블 셀 간격=0 셀 패딩=0 테두리=0>
<tr>
<td 높이=10></td>
</tr>
</table>
<테이블 셀 간격=0 셀 패딩=0 너비=150 테두리=0>
<tr 높이=22>
<td style="padding-left: 30px" 배경=./img/menu_bt.jpg>
<a class=menuparent onclick=expand(1) href="javascript:void(0);">인사 관리</a></td></tr>
<tr 높이=4>
<td></td></tr></table>
<table id=child1 style="display: none" 셀 간격=0 셀 패딩=0
너비=150 테두리=0>
<tr 높이=20>
<td align=중간 너비=30><img 높이=9
src="./img/menu_icon.gif" 너비=9></td>
<td><a 클래스=메뉴자식
href="memberadd.jsp"
target=right>직원 증원</a></td></tr>
<tr 높이=20>
<td align=중간 너비=30><img 높이=9
src="./img/menu_icon.gif" 너비=9></td>
<td><a 클래스=메뉴자식
href="#"
target=right>인사 수정</a></td></tr>
<tr 높이=20>
<td align=중간 너비=30><img 높이=9
src="./img/menu_icon.gif" 너비=9></td>
<td><a 클래스=메뉴자식
href="#"
target=right>인사 삭제</a></td></tr>
<tr 높이=20>
<td align=중간 너비=30><img 높이=9
src="./img/menu_icon.gif" 너비=9></td>
<td><a 클래스=메뉴자식
href="#"
target=right>인사 검색</a></td></tr>
<tr 높이=4>
<td colspan=2></td>
</tr>
</table>
</body>
</html>