<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jOrgChart - A jQuery OrgChart Plugin</title>
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/jquery.catChart.css"/>
<link rel="stylesheet" href="css/custom.css"/>
<link href="css/prettify.css" type="text/css" rel="stylesheet" />
<!-- jQuery includes -->
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script src="jquery.catChart.js"></script>
<script>
var data = [
{ id : 0 , pid : -1 , name : "Lorem ipsum dolor sit.",url : "https://www.gagein.com" },
{ id : 1 , pid : 0 , name : "Lorem ipsum dolor sit." ,url : "https://www.gagein.com"},
{ id : 2 , pid : 0 , name : "Lorem ipsum dolor sit." ,url : "https://www.gagein.com"},
{ id : 3 , pid : 0 , name : "Lorem ipsum dolor sit." ,url : "https://www.gagein.com"},
{ id : 4 , pid : 0 , name : "Lorem ipsum dolor sit." ,url : "https://www.gagein.com"},
{ id : 5 , pid : 1 , name : "Lorem ipsum dolor sit." ,url : "https://www.gagein.com"},
{ id : 6 , pid : 1 , name : "Lorem ipsum dolor sit." ,url : "https://www.gagein.com"},
{ id : 7 , pid : 5 , name : "Lorem ipsum dolor sit." ,url : "https://www.gagein.com"},
{ id : 8 , pid : 7 , name : "Lorem ipsum dolor sit." ,url : "https://www.gagein.com"},
{ id : 9 , pid : 6 , name : "Lorem ipsum dolor sit." ,url : "https://www.gagein.com"},
{ id : 10 , pid : 6 , name : "Lorem ipsum dolor sit.",url : "https://www.gagein.com" },
{ id : 11 , pid : 3 , name : "Lorem ipsum dolor sit.",url : "https://www.gagein.com" },
{ id : 12 , pid : 3 , name : "Lorem ipsum dolor sit.",url : "https://www.gagein.com" },
{ id : 13 , pid : 3 , name : "Lorem ipsum dolor sit.",url : "https://www.gagein.com" },
{ id : 14 , pid : 4 , name : "Lorem ipsum dolor sit.",url : "https://www.gagein.com" }
]
jQuery(document).ready(function() {
$("#org2").jOrgChart(data);
});
</script>
</head>
<body>
<div id="org2"></div>
</body>
</html>
- 1
- 2
- 3
- 4
前往页