实用的多级树形展开菜单
body{margin:0;padding:0;font:12px/1.5 Tahoma,Helvetica,Arial,sans-serif;}
ul,li,{margin:0;padding:0;}
ul{list-style:none;}
#root{margin:10px;width:200px;overflow:hidden;}
#root li{line-height:25px;}
#root .rem{padding-left:16px;}
#root .add{background:url(/upload/201010/20101031213041133.gif) -4px -31px no-repeat;}
#root .ren{background:url(/upload/201010/20101031213041133.gif) -4px -7px no-repeat;}
#root li a{color:#666666;padding-left:5px;outline:none;blr:expression(this.onFocus=this.blur());}
#root li input{vertical-align:middle;margin-left:5px;}
#root .two{padding-left:20px;display:none;}
校讯通
沈阳市
二小
二年级
三年级
一班
张三
王五
实验班
抚顺市
二小
一中
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐阅读
JavaScript继承方式实例
复制代码 代码如下: function parent(){ this.x=10; } function child(){ var parentObj=new parent(); for(var p in parentObj)this[p]=parentObj[p]; } var childObj=new child(); alert(childObj.x); 复制代码>>>详细阅读
本文标题:实用的多级树形展开菜单效果代码
地址:http://www.17bianji.com/kaifa2/JS/25508.html
1/2 1