dtree加载菜单基本使用方法

步骤1：官网下载dtree.zip包，官网地址：http://destroydrop.com/javascripts/tree/，文件包括dtree.css,dtree.js和api.html和例子；

步骤2：根据example01.html代码修改自己需要的菜单，示例代码如下：

步骤3：运行效果图如下：

步骤4：要修改或添加图标，可以修改dtree.js代码，如下这段就是图标设置。

	this.icon = {

		root				: 'img/base.gif',

		folder			: 'img/folder.gif',

		folderOpen	: 'img/folderopen.gif',

		node				: 'img/page.gif',

		empty				: 'img/empty.gif',

		line				: 'img/line.gif',

		join				: 'img/join.gif',

		joinBottom	: 'img/joinbottom.gif',

		plus				: 'img/plus.gif',

		plusBottom	: 'img/plusbottom.gif',

		minus				: 'img/minus.gif',

		minusBottom	: 'img/minusbottom.gif',

		nlPlus			: 'img/nolines_plus.gif',

		nlMinus			: 'img/nolines_minus.gif'

	};

注意：树形结构根节点的父id必须为-1，如果要设置其他值请修改dtree.js。

转载于:https://www.cnblogs.com/archermeng/p/7537478.html