<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery ztree文件夹树形结构菜单插件</title>
<link rel="stylesheet" type="text/css" href="css/zTreeStyle/zTreeStyle.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-1.2.1.js" type="text/javascript"></script>
<script src="js/jquery.ztree.all-3.5.min.js" type="text/javascript"></script>
<script src="js/jquery.ztree.exhide-3.5.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">
<script src="bootstrap.min.js"></script>
<script src="MtrSearchZTree.js" type="text/javascript"></script>
</head>
<body>
<div class="row" style="margin: 50px;">
<ul id="tree" class="ztree"></ul>
<ul id="stree" class="ztree"></ul>
</div>
<script>
// zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
var setting = {};
// zTree 的数据属性，深入使用请参考 API 文档（zTreeNode 节点数据详解）
var zNodes = [{
name: "test1",
open: true,
children: [{
name: "test1_1"
}, {
name: "test1_2"
}, {
name: "test1",
open: true,
children: [{
name: "asdf"
}, {
name: "vrsa"
}]
}]
},
{
name: "test2",
open: true,
children: [{
name: "test2_1"
}, {
name: "test2_2"
}]
}
];
$.fn.zTree.init($("#tree"), setting, zNodes);
$.fn.zTree.init($("#stree"), setting, zNodes);
new MtrSearchZTree();
</script>
</body>
</html>
jQuery ztree文件夹树形结构菜单插件.zip （13个子文件） 
bootstrap.min.js 35KB
js jquery-migrate-1.2.1.js 16KB jquery.ztree.all-3.5.min.js 59KB jquery.ztree.exhide-3.5.min.js 5KB jquery.min.js 91KB css demo.css 2KB zTreeStyle img 
loading.gif 381B zTreeStandard.gif 5KB line_conn.gif 45B
zTreeStandard.png 11KB zTreeStyle.css 6KB
index.html 2KB MtrSearchZTree.js 3KB资源评论
码云笔记
- 粉丝: 3w+
- 资源: 5852
