htm页面：
<script src="js/admin_js.js" language="javascript"></script>
<スクリプト言語=JavaScript>
document.onclick = クリックリスト;
</script>
<table width="216" border="0" cellpadding="0" cellpacing="0">
<tr>
<td height="533"background="images/left.jpg" align="center" valign="top">
<div id=div0 style="width:216;position:relative">
<label id=div0 style="cursor: hand; background:url(images/left_main.jpg); width:216; height:31; text-align:center; color:#f0f0f0; padding-top:12px">部门管理</span></label>
</div>
<div id=div0other style="display:None; width:216">
<label style="background:url(images/left_part.jpg); width:216; height:24; padding-top:8px"><a href="bmgl/show_Depart.php" target="mainFrame">
查看部门</a></label>
<label style="background:url(images/left_part.jpg); width:216; height:24; padding-top:8px"><a href="bmgl/add_Depart.php" target="mainFrame"> 追加部门</a></label>
</div>
javascript:admin_js.js
関数 clickList() {
var targetId、srcElement、targetElement;
/*event オブジェクトは現在起動されているイベント オブジェクトを指します。window.event.srcElement はイベントを起動するオブジェクトを指します (event: 起動イベントを取得または設定するオブジェクト、event.srcElement: 起動イベントを指示する要素)。 document.onclick = clickList; このとき、すべての面のポイントのイベントは clickList 処理を実行し、 clickList 関数の数に srcElement = window.event.srcElement を書き込み、ユーザーがポイントでどの場所で処理を行っているかを知ります。
srcElement = window.event.srcElement;
/*srcElement.className:トリガーイベントオブジェクトの型名を取得します、上面htm页面class=active */
if (srcElement.className == "active") {
/*在目标ID後加上"other"字符列，此例即：div0other,代表子菜单*/
targetId = srcElement.id + "その他";
targetElement = document.all(targetId);//当点击母菜单"部门管理後"，显示子菜单"查看部门"、"添加部门"
/*下面，默认子菜单样式不可见*/
if (targetElement.style.display == "none") {
targetElement.style.display = "";
} それ以外 {
targetElement.style.display = "なし";
}
}
}