CSS TreeMenu 二级树形菜单示例

所属分类：网络编程 / JavaScript 阅读数： 1728

收藏 0赞 0分享

<!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"> <head> <title>二级树形菜单示例：CSS TreeMenu</title>   </head> <body> <h1>CSS TreeMenu <small>By 枫岩@IECN.Net</small></h1> <div class="TreeWrap"> <div class="MenuBox" id="Menu_0"> <div class="titBox"><h3 class="Fst"><a href="javascript:showMenu(0);">同事</a></h3></div> <div class="txtBox"> <ul> <li><a href="#">Dodo</a></li> <li><a href="#">小春</a></li> <li><a href="#">小林</a></li> <li><a href="#">小龙</a></li> <li class="Lst"><a href="#">枫岩</a></li> </ul> </div> </div> <div class="MenuBox2" id="Menu_1"> <div class="titBox"><h3><a href="javascript:showMenu(1);">客户</a></h3></div> <div class="txtBox"> <ul> <li><a href="#">Dodo</a></li> <li><a href="#">小春</a></li> <li><a href="#">小林</a></li> <li><a href="#">小龙</a></li> <li class="Lst"><a href="#">枫岩</a></li> </ul> </div> </div> <div class="MenuBox2" id="Menu_2"> <div class="titBox"><h3><a href="javascript:showMenu(2);">朋友</a></h3></div> <div class="txtBox"> <ul> <li><a href="#">Dodo</a></li> <li><a href="#">小春</a></li> <li><a href="#">小林</a></li> <li><a href="#">小龙</a></li> <li class="Lst"><a href="#">枫岩</a></li> </ul> </div> </div> <div class="MenuBox2" id="Menu_3"> <div class="titBox"><h3><a href="javascript:showMenu(3);">家人</a></h3></div> <div class="txtBox"> <ul> <li><a href="#">Dodo</a></li> <li><a href="#">小春</a></li> <li><a href="#">小林</a></li> <li><a href="#">小龙</a></li> <li class="Lst"><a href="#">枫岩</a></li> </ul> </div> </div> <div class="MenuBox2"> <div class="titBox"><h3 class="Lst"><a href="#">退出系统</a></h3></div> </div> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

CSS TreeMenu 二级树形菜单示例

javascript if条件判断方法小结

javascript教程:关于if简写语句优化的方法

wap浏览自动跳转到wap页面的js代码

jqGrid读取选择的多行的某个属性代码

让alert不出现弹窗的两种方法

JSON+HTML实现国家省市联动选择效果

javascript的alert box在java中如何显示多行

绑定回车enter事件代码

Jquery 返回json数据在IE浏览器中提示下载的问题

用jquery实现的一个超级简单的下拉菜单

网络赚钱

站长故事