htm頁：
<script src="js/admin_js.js" language="javascript"></script>
<腳本語言=JavaScript>
document.onclick = clickList;
</腳本>
<表寬度=“216”邊框=“0”cellpadding=“0”cellspacing=“0”>
<tr>
<td height=“533”background=“images/left.jpg”align=“center”valign=“top”>
<div id=div0 style="width:216; 位置: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></標籤>
</div>
javascript:admin_js.js
函數 clickList() {
var targetId, srcElement, targetElement;
/*event對象指目前觸發事件的對象，window.event.srcElement是指觸發事件的對象(event:取得或設定觸發事件的對象，event.srcElement: 指向觸發事件的元素)。 .onclick = clickList;接下來所有頁面點擊的事件都發生了變化clickList處理，在clickList函數裡寫srcElement = window.event.srcElement，用戶是點擊什麼地方，知道要做相應的處理。
srcElement = window.event.srcElement;
/*srcElement.className:取得觸發事件物件的樣式名稱，對應上面htmPageclass=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 = "無";
}
}
}