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:指向触发事件的元素)。比如上面htm页面设置document.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 = "无";
}
}
}