实用的多级树形展开菜单效果代码

</p> <p><title>实用的多级树形展开菜单</title> </p> <p>body{margin:0;padding:0;font:12px/1.5 Tahoma,Helvetica,Arial,sans-serif;}<br /> ul,li,{margin:0;padding:0;}<br /> ul{list-style:none;}<br /> #root{margin:10px;width:200px;overflow:hidden;}<br /> #root li{line-height:25px;}<br /> #root .rem{padding-left:16px;}<br /> #root .add{background:url(/upload/201010/20101031213041133.gif) -4px -31px no-repeat;}<br /> #root .ren{background:url(/upload/201010/20101031213041133.gif) -4px -7px no-repeat;}<br /> #root li a{color:#666666;padding-left:5px;outline:none;blr:expression(this.onFocus=this.blur());}<br /> #root li input{vertical-align:middle;margin-left:5px;}<br /> #root .two{padding-left:20px;display:none;} </p> <ul id="root"> <li> <label>校讯通</label> </p> <ul class="two"> <li> <label>沈阳市</label> </p> <ul class="two"> <li> <label>二小</label> </p> <ul class="two"> <li><label>二年级</label></li> <li> <label>三年级</label> </p> <ul class="two"> <li> <label>一班</label> </p> <ul class="two"> <li><label>张三</label></li> <li><label>王五</label></li> </ul> </li> <li><label>实验班</label></li> </ul> </li> </ul> </li> </ul> </li> <li> <label>抚顺市</label> </p> <ul class="two"> <li><label>二小</label></li> <li><label>一中</label></li> </ul> </li> </ul> </li> </ul> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• JS无限极树形菜单,json格式、数组格式通用示例
• 一个简单的js树形菜单
• javascript 树形导航菜单实例代码