使用jOrgChart插件生成组织结构图

最新推荐文章于 2024-03-15 09:30:57 发布

VIP文章 Kevin_&chen

最新推荐文章于 2024-03-15 09:30:57 发布

阅读量4.4k

点赞数 1

分类专栏：前端文章标签： js

本文链接：https://blog.csdn.net/weixin_38644118/article/details/92653576

版权

1.首先是下载js包，为了样式展示好看，在js包里有个bootstrap.min.css

下载地址https://download.csdn.net/download/weixin_38644118/11245369

2.前端index.html

<html>
<head>
    <meta charset="UTF-8">
    <title>jOrgChart异步加载</title>
    <link href="jOrgChart-master/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href='jOrgChart-master/jquery.jOrgChart.css'/>



    <style>
        a {
            text-decoration: none;
            color: #fff;
            font-size: 12px;
        }
        .jOrgChart .node {
            width: 120px;
            height: 50px;
            line-height: 50px;
            border-radius: 4px;
            margin: 0 8px;
        }
    </style>
</head>
<body>
<!--显示组织架构图-->
<div id='jOrgChart'></div>

<!-- 全局js -->
<script src="jOrgChart-master/jquery.min.js"></script>
<!--插件js-->
<!--jOrgChart-->
<script type="text/javascript" src="jOrgChart-master/jquery.jOrgChart.js"></script>
<script type='text/

最低0.47元/天解锁文章

优惠劵

Kevin_&chen

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
使用jOrgChart插件生成组织结构图

1.首先是下载js包，为了样式展示好看，在js包里有个bootstrap.min.css 下载地址https://download.csdn.net/download/weixin_38644118/112453692.前端index.html<html><head> <meta charset="UTF-...
复制链接

扫一扫