<html>
<head>
<script>
window.onload = function(){
var dt=document.getElementById('menu').getElementsByTagName('dt');
for (var i = 0; i<dt.length; i++){
dt[i].onclick = function(){
nex = this.parentNode.getElementsByTagName('dl')[0]
if(nex.style.display != 'block'){
nex.style.display='block'
}else{
nex.style.display='none'
}
}
}
}
</script>
</head>
<body>
<div id='menu'>
<dl>
<dt>用户管理</dt>
<dl style="display:none">
<dd><a href="#" id='add' >添加用户</a></dd>
<dd><a href="#" >删除用户</a></dd>
<dd><a href="#" >修改用户</a></dd>
</dl>
</dl>
<dl>
<dt>权限管理</dt>
<dl style="display:none">
<dd><a href="#" id='add' >添加用户</a></dd>
<dd><a href="#" >删除用户</a></dd>
<dd><a href="#" >修改用户</a></dd>
</dl>
</dl>
</div>
</body>
</html>
js:二级菜单显示与隐藏
最新推荐文章于 2024-06-28 22:39:15 发布