CSS+JS树型菜单

2024-09-05 12:19:16

字体：大中小

来源：转载

供稿：网友

CSS+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>CSS+JS树型菜单</title><style type="text/css">#PARENT{ width:300px; padding-left:20px;}</style></head><body><div id="PARENT"><ul id="nav"><li>帐务管理 <ul id="ChildMenu2" class="collapsed"> 支付</li> <li>在线支付</li> <li>银行汇款</li> <li>财务招领</li> </ul></li><li>网站管理 <ul id="ChildMenu3" class="collapsed"> 在线管理</li> <li>后台管理</li> </ul></li><li>其它分类 <ul id="ChildMenu4" class="collapsed"> <li>退出登录</li> </ul></li></ul></div><div style="width:300;padding-left:30px;"></div></body></html><script type=text/javascript></script>

上一篇：一个垂直型的弹性图片菜单

下一篇：带箭头指向的首页滑动门特效代码