DIV+js后台左侧专用菜单

2024-09-05 12:20:02

字体：大中小

来源：转载

供稿：网友

后台左侧菜单，背景颜色以及长宽都可以改，代码里有注释，本菜单可广泛应用于网站后台管理的左侧，作为主菜单，简洁风格，优点是修改容易，菜单项直接写在HTML里，而非JS文件里。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>后台专用树型菜单，可刷新</title><style type="text/css">#PARENT{ width:300px; padding-left:20px;}</style><script type=text/javascript></script></head><body><div id="PARENT"><ul id="nav"><li>我的网站<ul id="ChildMenu1" class="collapsed"> <li>Menu</li> <li>Menu</li> </ul></li><li>我的帐务 <ul id="ChildMenu2" class="collapsed"> <li>支付</li> <li>网上支付</li> <li>登记汇款</li> <li>历史帐务</li> </ul></li><li>个人空间 <ul id="ChildMenu3" class="collapsed"> <li>登录</li> <li>My相册</li> <li>My日志</li> </ul></li><li>系统设置 <ul id="ChildMenu4" class="collapsed"> <li>密码重置</li> <li>用户管理</li> <li>数据备份</li> </ul></li></ul></div></body></html>

上一篇：JS浮动导航菜单，始终显示在指定位置

下一篇：仿QQ折叠菜单动感效果（JS+css）