ECOTree公司组织结构树控件是一款功能非常棒的js特效，很早之前就有网友们问过这类型的特效，一直没找到，最近刚好看到了就整理出来分享给大家用，网友们可以认真的参考和学习一下，用法也不复杂，demo里面的代码注释写得很清楚，只要按照做就可以了。
主要功能代码如下：
var myTree = null;
function CreateTree() {
myTree = new ECOTree('myTree','myTreeContainer');
myTree.config.colorStyle = ECOTree.CS_LEVEL;
myTree.config.nodeFill = ECOTree.NF_FLAT;
myTree.config.selectMode = ECOTree.SL_NONE;
//是否允许给节点加链接，是否允许给节点加图片
myTree.config.useTarget = false;
myTree.config.useImg = true;
//设置节点的大小和间隔
myTree.config.defaultNodeWidth = 95;
myTree.config.defaultNodeHeight = 140;
myTree.config.iSubtreeSeparation = 50;
myTree.config.iSiblingSeparation = 15;
myTree.config.iLevelSeparation = 30;
//此处通过从数据库或其它地方读取节点信息，生成添加节点的代码
//参数前三位是必须的；
//第一位是本节点id，第二位是父节点id、根节点的父节点为-1，第三位为节点文本；
//第四位为节点上显示的图片/照片、图片放到img下并在数据库中记录名称即可，未设参数则取默认图片；
//第五位为超链接、最好是访问统一程序传入本节点id；
//第六、七位为节点的个性化宽、高。
myTree.add('01',-1,'总裁','./img/0.jpg','http://www.jq-school.com');
myTree.add('02','01','技术副总裁','./img/1.jpg');
myTree.add('03','01','总裁助理','./img/2.jpg','http://www.jq-school.com',95,130);
myTree.add('04','01','分公司','./img/3.jpg','http://www.jq-school.com',95,130);
myTree.add('0201','02','技术经理','./img/4.jpg','http://www.jq-school.com',95,130);
myTree.add('0202','02','技术员','./img/5.jpg','http://www.jq-school.com',95,130);
myTree.add('0301','03','秘书','./img/5.jpg','http://www.jq-school.com',95,130);
myTree.add('0302','03','助理','./img/6.jpg','http://www.jq-school.com',95,130);
myTree.add('0401','04','总经理','./img/6.jpg','http://www.jq-school.com',95,130);
myTree.add('0402','04','财务','./img/7.jpg','http://www.jq-school.com',95,130);
myTree.UpdateTree();
}
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
ECOTree 树形菜单 树控件 js特效 二级菜单