Html
    Css
    Js

    
                        
ul {
	list-style:none;
	padding:0;
}
#menu .tree1 {
	padding:14px 14px 14px 39px;
	color:#6F93FF;
	font-size:16px;
	font-family:"黑体";
	border-bottom:solid 1px #eee;
}
#menu #tree_root {
	overflow:auto;
}
#menu #tree_root li span {
	display:block;
	height:18px;
	line-height:18px;
	color:#222;
	cursor:pointer;
}
#menu #tree_root li span.tree2 {
	padding:6px 6px 6px 20px;
}
#menu #tree_root li span.tree3 {
	padding:6px 6px 6px 34px;
}
#menu #tree_root li span.tree4 {
	padding:6px 6px 6px 48px;
}
#menu #tree_root li span.tree5 {
	padding:6px 6px 6px 62px;
}
#menu li .hover,#menu li span:hover {
	background-color:#e9edf6;
}
#menu ul {
	overflow:hidden;
}
#menu ul li b {
	font-weight:normal;
	position:relative;
	padding-left:16px;
}
#menu ul li b:before {
	display:block;
	font-size:0;
	top:5px;
	left:0;
	content:"";
	width:4px;
	height:4px;
	border:solid 1px transparent;
	transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	position:absolute;
}
#menu ul li .On:before,#menu ul li .On2Off:before {
	top:3px;
	border-bottom-color:#999;
	border-right-color:#999;
}
#menu ul li .Off:before {
	top:5px;
	border-top-color:#999;
	border-right-color:#999;
}
#menu ul li .On2Off:before {
	transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

目录树折叠菜单jquery版(复选框)

0