<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jtshu</title>
</head>
<!--导入js和css-->
<link href="css/jquery.treeview.css" type="text/css" rel="stylesheet" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.treeview.js" type="text/javascript"></script>
<script src="js/jquery.cookie.js" type="text/javascript"></script>
<script>
//获取id为tree的zTree对象
var treeObj = $.fn.zTree.getZTreeObj("tree")
var treeObj = $.fn.zTree.getZTreeObj("tree")
</script>
<body>
<script type="text/javascript">
$(document).ready(function() {
$("#tree").treeview({
persist: "location",
collapsed: true,
unique: true
});
});
</script>
<ul id="tree" class="filetree">
<li><span class="folder">节点1</span>
<ul>
<li><span class="folder">节点1.1</span>
<ul>
<li><span class="folder">节点1.1.1</span></li>
<li><span class="folder">节点1.1.2</span></li>
</ul>
</li>
</ul>
</li>
<li><span class="folder">节点2</span>
<ul>
<li><span class="folder">节点2.1</span>
<ul>
<li><span class="folder">节点2.1.1</span></li>
<li><span class="folder">节点2.1.2</span></li>
</ul>
</li>
<li><span class="folder">节点2.2</span>
<ul>
<li><span class="folder">节点2.2.1</span></li>
<li><span class="folder">节点2.2.2</span></li>
</ul>
</li>
</ul>
</li>
<li><span class="folder">节点3</span>
<ul>
<li><span class="folder">节点3.1</span></li>
<li><span class="folder">节点3.2</span></li>
<li><span class="folder">节点3.3</span></li>
</ul>
</li>
<li><span class="folder">节点4</span>
<ul>
<li><span class="folder">节点4.1</span></li>
<li><span class="folder">节点4.2</span></li>
<li><span class="folder">节点4.3</span></li>
<li><span class="folder">节点4.4</span></li>
</ul>
</li>
</ul>
</ul>
</body>
</html>
js和css文件单独上传了哦，记得下载，在调用的时候记得填写正确的路径