44zTree - 左侧菜单

效果图：

代码：

	 ZTREE DEMO - left_menu
	
	
	
	
	
	
	
		
	
	
.ztree li a.level0 {width:200px;height: 20px; text-align: center; display:block; background-color: #0B61A4; border:1px silver solid;}
.ztree li a.level0.cur {background-color: #66A3D2; }
.ztree li a.level0 span {display: block; color: white; padding-top:3px; font-size:12px; font-weight: bold;word-spacing: 2px;}
.ztree li a.level0 span.button {	float:right; margin-left: 10px; visibility: visible;display:none;}
.ztree li span.button.switch.level0 {display:none;}
	
 


左侧菜单
[ 文件路径: super/left_menu.html ]

	

		

	
	

		

			
实现方法说明
				

				
在 “Demo 演示”中的左侧菜单就是用 zTree 实现的，主要是靠 css 样式负责排版，利用 setting 中的配置进行功能制作，本 Demo 对实现 左侧菜单进行简单的介绍，你也可以通过查看 “Demo 演示”页面的源码深入了解。
				
1、关于 css 完全可以根据自己的需要进行个性化调整，例如：此 Demo 的菜单样式 就 与 “Demo 演示”页面的不一样，仅供对比参考
				
2、主要用到的配置有：
					    setting.view.showIcon / showLine / selectedMulti / dblClickExpand
					    setting.callback.onNodeCreated / beforeClick / onClick
				
				
3、是否需要限制单一路径展开，完全由你的需求而定，实现代码可参考 "保持展开单一路径"
				
4、其他辅助规则，请根据实际情况自行编写