根据DOM+CSS3完成OrgChart机构构造图软件

日期:2021-01-20 类型:科技新闻 

关键词:如何织梦建站,如何创建网站,网站建立,公众号搭建,网站建站的

jQuery OrgChart 是1个jQuery软件可以让帮你将1组嵌套循环的元素3D渲染成1个易于阅读文章的树形构造。易于应用。 你能够1个特殊的树节来展现和掩藏1个树支系。能够选用CSS开展设计风格改动。还能够拖拖拉拉的方法来更改树连接点的部位。
OrgChart 是1个根据纯DOM与CSS3的机构构造图软件


示例编码:
CSS Code拷贝內容到剪贴板
  1. // sample of core source code    
  2. var datascource = {    
  3. 'name''Lao Lao',    
  4. 'title''general manager',    
  5. 'relationship': ‘001’,    
  6. 'children': [    
  7. 'name''Bo Miao''title''department manager''relationship': ‘110’ },    
  8. 'name''Su Miao''title''department manager''relationship': ‘111’,    
  9. 'children': [    
  10. 'name''Tie Hua''title''senior engineer''relationship': ‘110’ },    
  11. 'name''Hei Hei''title''senior engineer''relationship': ‘110’ }    
  12. ]    
  13. },    
  14. 'name''Yu Jie''title''department manager''relationship': ‘110’ }    
  15. ]    
  16. };    
  17. $('#chart-container').orgchart({    
  18. 'data' : datascource,    
  19. 'depth': 2,    
  20. 'nodeTitle''name',    
  21. 'nodeContent''title'    
  22. });  

有关网编给大伙儿详细介绍的根据DOM+CSS3完成OrgChart机构构造图软件 到此为止,期待对大伙儿有一定的协助!

上一篇:CSS3中的常见挑选器应用示例梳理 返回下一篇:没有了