<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>组织结构图</title>
<link rel="stylesheet" href="jquery.jOrgChart.css"/>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script src="jquery.jOrgChart.js"></script>
<script>
jQuery(document).ready(function() {
$("#org").jOrgChart({
chartElement : '#chart'
,dragAndDrop:true
});
});
</script>
</head>
<body style="text-align:center;">
<ul id="org" style="display:none">
<li>XX公司
<ul>
<li>信息中心
<ul>
<li>开发部</li>
<li>产品部</li>
</ul>
</li>
<li>财务部</li>
<li>客服中心
<ul>
<li>售后部</li>
<li>实施部</li>
</ul>
</li>
</ul>
</li>
</ul>
<!--树形图展示-->
<div id="chart" class="orgChart" style="width:600px;margin: auto;"></div>
</body>
</html>
树形图jQuery插件jOrgChart
5星 · 超过95%的资源 需积分: 50 154 浏览量
2018-07-10
14:17:09
上传
评论
收藏 82KB RAR 举报
笑在余生
- 粉丝: 12
- 资源: 8