<!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" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/jquery.jOrgChart.css"/>
<link rel="stylesheet" type="text/css" href="css/custom.css"/>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.jOrgChart.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
$("#org").jOrgChart({
chartElement : '#chart',
dragAndDrop : false
});
});
</script>
</head>
<body onload="">
<div class="topbar">
<div class="topbar-inner">
<div class="container">
<a class="brand" href="#">jQuery Organisation Chart</a>
</div>
</div>
</div>
<ul id="org" style="display:none">
<li>
股票
<ul>
<li id="beer">深A</li>
<li>新三板<a href="http://wesnolte.com" target="_blank">Click me</a>
<ul>
<li>新1</li>
<li>
<a href="http://tquila.com" target="_blank">新2</a>
<p>A link and paragraph is all we need.</p>
</li>
</ul>
</li>
<li class="fruit">沪A
<ul>
<li>大蓝筹
<ul>
<li>Granny Smith</li>
</ul>
</li>
<li>工业4.0
<ul>
<li>Blueberry</li>
<li><img src="images/raspberry.jpg" alt="Raspberry"/></li>
<li>Cucumber</li>
</ul>
</li>
</ul>
</li>
<li>中小板</li>
<li class="collapsed">创业板
<ul>
<li>Topdeck</li>
<li>Reese's Cups</li>
</ul>
</li>
</ul>
</li>
</ul>
<div id="chart" class="orgChart"></div>
</body>
</html>
相关推荐
横向数据重复的插件横向数据重复的插件dw插件横向数据重复的插件dw插件
jq22vuejsTime横向时间年月日星期插件
jQuery横向滚动时间轴插件,jQuery横向滚动时间轴插件,jQuery横向滚动时间轴插件,jQuery横向滚动时间轴插件
横向jQuery内容滚动插件Sly
横向组织架构图前端JS实现代码, 实现新增, 删除, 级联删除, 修改节点 带案例
jQuery横向和纵向内容滚动插件Sly
js版的横向树脚本,和可用于开发企业组织架构图。.
ASP横向数据重复的插件,横向重复是使用到的插件。。。。。。。。。
PHP区域横向重复插件.mxp.rar PHP区域横向重复插件.mxp.rar PHP区域横向重复插件.mxp.rar
横向重复信息列表插件
代码简介:jQuery横向时间轴插件timeline是一款效果类似时间刻度尺风格的时间轴插件。
一个javascript做的时间轴插件,初学习js的可以看看
jQuery横向导航菜单特效插件.zip
基于echart树图实现横向组织结构图,连接线为曲线
jquery横屏时间轴, jquery时间轴插件制作横向时间轴酷炫的时间轴特效
鼠标划过横向展开信息插件代码 使用推荐下载
一个水平方向可以滑动的动态
PJBlog侧栏友情链接横向显示在底部插件