DIV+js后臺(tái)左側(cè)專用菜單

2024-09-05 12:20:02

字體：大中小

供稿：網(wǎng)友

后臺(tái)左側(cè)菜單，背景顏色以及長(zhǎng)寬都可以改，代碼里有注釋，本菜單可廣泛應(yīng)用于網(wǎng)站后臺(tái)管理的左側(cè)，作為主菜單，簡(jiǎn)潔風(fēng)格，優(yōu)點(diǎn)是修改容易，菜單項(xiàng)直接寫(xiě)在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>后臺(tái)專用樹(shù)型菜單，可刷新</title><style type="text/css">#PARENT{ width:300px; padding-left:20px;}</style><script type=text/javascript></script></head><body><div   class="iwvjtn8m0"   id="PARENT"><ul id="nav"><li>我的網(wǎng)站<ul id="ChildMenu1" class="collapsed"> <li>Menu</li> <li>Menu</li> </ul></li><li>我的帳務(wù) <ul id="ChildMenu2" class="collapsed"> <li>支付</li> <li>網(wǎng)上支付</li> <li>登記匯款</li> <li>歷史帳務(wù)</li> </ul></li><li>個(gè)人空間 <ul id="ChildMenu3" class="collapsed"> <li>登錄</li> <li>My相冊(cè)</li> <li>My日志</li> </ul></li><li>系統(tǒng)設(shè)置 <ul id="ChildMenu4" class="collapsed"> <li>密碼重置</li> <li>用戶管理</li> <li>數(shù)據(jù)備份</li> </ul></li></ul></div></body></html>

上一篇：JS浮動(dòng)導(dǎo)航菜單，始終顯示在指定位置

下一篇：仿QQ折疊菜單動(dòng)感效果（JS+css）