先上效果图:
代码如下:
1、html:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no minimal-ui">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>图纸Tree</title>
<style >
.tree-content
{
display: block;
position: absolute;
height: auto;
left: 0 !important;
top: 8px !important;
background: #ffffff;
z-index: 9999999;
//border: 1px solid #C9C9C9 !important;
overflow-y: auto;
}
</style>
<!--<link rel="stylesheet" href="layui/css/layui.css" />
<script type="text/javascript" src="layui/layui.js"></script>-->
<link rel="stylesheet" type="text/css" href="ztree/css/zTreeStyle/zTreeStyle.css">
<script src="jq/jquery.min.js"></script>
<script type="text/javascript" src="ztree/js/jquery.ztree.all.js"></script>
<script type="text/javascript" src="plugin/js/selectTreeM.js"></script>
</head>
<body&