示例:
dtree.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
body{font-size:12px; line-height:23px; letter-spacing:1px;}
img{border:0px;}
a{ text-decoration:none; color:#333333;}
.node{ padding-left:4px;}
</style>
<script type="text/javascript" src="dtree.js"></script>
</HEAD>
<BODY>
<div>
<script type="text/javascript" src="jstree.js"></script>
</div>
</BODY>
</HTML>
dtree.js
d = new dTree('d'); d.add(0,-1,''); d.add(1,0,'风光',''); d.add(2,0,'动物',''); d.add(3,0,'花卉',''); d.add(4,0,'建筑',''); d.add(5,0,'汽车',''); d.add(6,0,'影视',''); d.add(7,0,'女性',''); d.add(8,0,'人物',''); d.add(9,0,'静物',''); d.add(10,0,'美食',''); d.add(11,0,'系统',''); d.add(12,0,'设计',''); d.add(13,0,'游戏',''); d.add(14,0,'特别',''); d.add(15,0,'体育',''); d.add(16,0,'品牌',''); d.add(17,0,'卡通',''); d.add(18,0,'手绘',''); d.add(19,0,'矢量',''); d.add(20,0,'炫彩',''); d.add(21,0,'节庆',''); d.add(22,0,'其他',''); d.add(31,1,'风光其他','/details/index/31'); d.add(39,2,'鸟类合集','/details/index/39'); d.add(40,2,'海洋生物','/details/index/40'); d.add(41,2,'蝴蝶昆虫','/details/index/41'); d.add(42,2,'可爱猫咪','/details/index/42'); d.add(43,2,'可爱小狗','/details/index/43'); d.add(44,2,'分类动物','/details/index/44'); d.add(45,2,'动物合集','/details/index/45'); d.add(46,3,'郁金花香','/details/index/46'); d.add(47,3,'植物绿叶','/details/index/47'); d.add(48,3,'花朵背景','/details/index/48'); d.add(49,3,'水果蔬菜','/details/index/49'); d.add(50,3,'室内花朵','/details/index/50'); d.add(51,3,'鲜花特写','/details/index/51'); d.add(52,3,'百花盛开','/details/index/52'); d.add(53,5,'其他交通','/details/index/53'); d.add(54,5,'汽车其他','/details/index/54'); d.add(55,5,'汽车局部','/details/index/55'); d.add(56,5,'汽车合集','/details/index/56'); d.add(57,5,'汽车品牌','/details/index/57'); d.add(59,6,'三维动画','/details/index/59'); d.add(61,6,'韩国影视','/details/index/61'); d.add(62,6,'欧美影视','/details/index/62'); d.add(63,7,'女星模特','/details/index/63'); d.add(64,7,'扫图女性','/details/index/64'); d.add(65,7,'三维女性','/details/index/65'); d.add(66,7,'世界小姐','/details/index/66'); d.add(67,7,'人体写真','/details/index/67'); d.add(68,7,'生活写真','/details/index/68'); d.add(73,9,'静物写真','/details/index/73'); d.add(74,10,'面包甜点','/details/index/74'); d.add(76,10,'海鲜烧烤','/details/index/76'); d.add(77,10,'酒水饮料','/details/index/77'); d.add(78,10,'美食大餐','/details/index/78'); d.add(79,11,'Gnome','/details/index/79'); d.add(80,11,'Linux','/details/index/80'); d.add(81,11,'Apple','/details/index/81'); d.add(82,11,'Vista','/details/index/82'); d.add(83,11,'XP','/details/index/83'); d.add(85,12,'1024设计','/details/index/85'); d.add(86,12,'1280设计','/details/index/86'); d.add(87,12,'1600设计','/details/index/87'); d.add(88,12,'宽屏设计','/details/index/88'); d.add(89,17,'招财童子','/details/index/89'); d.add(91,17,'快乐家庭','/details/index/91'); d.add(92,17,'MAC女孩','/details/index/92'); d.add(93,17,'动漫人物','/details/index/93'); d.add(94,17,'生肖星座','/details/index/94'); d.add(96,17,'卡通明星','/details/index/96'); d.add(97,17,'卡通合集','/details/index/97'); d.add(99,15,'体育盛会','/details/index/99'); d.add(100,15,'足球世界','/details/index/100'); d.add(101,15,'运动写真','/details/index/101'); d.add(102,16,'其他品牌','/details/index/102'); d.add(103,16,'酒水饮料','/details/index/103'); d.add(104,16,'韩国广告','/details/index/104'); d.add(105,16,'电子产品','/details/index/105'); d.add(106,16,'运动品牌','/details/index/106'); d.add(107,18,'手绘其他','/details/index/107'); d.add(108,18,'Vladstudio','/details/index/108'); d.add(109,18,'生活写真','/details/index/109'); d.add(111,18,'动植风光','/details/index/111'); d.add(112,18,'绘制精品','/details/index/112'); d.add(113,19,'矢量其他','/details/index/113'); d.add(115,19,'矢量卡通','/details/index/115'); d.add(116,19,'矢量节日','/details/index/116'); d.add(117,19,'矢量风光','/details/index/117'); d.add(118,19,'矢量女性','/details/index/118'); d.add(119,20,'炫彩其他','/details/index/119'); d.add(120,20,'水的韵律','/details/index/120'); d.add(121,20,'色彩背景','/details/index/121'); d.add(122,20,'五颜六色','/details/index/122'); d.add(125,21,'情人节','/details/index/125'); d.add(127,21,'圣诞节','/details/index/127'); d.add(128,21,'节日礼物','/details/index/128'); d.add(129,21,'婚礼庆典','/details/index/129'); d.add(130,21,'节日合集','/details/index/130'); d.add(131,9,'室内静物','/details/index/131'); d.add(132,9,'室内花饰','/details/index/132'); d.add(133,14,'宽屏超大','/details/index/133'); d.add(134,14,'竖屏超大','/details/index/134'); d.add(135,13,'CG欣赏','/details/index/135'); d.add(136,13,'游戏MM','/details/index/136'); d.add(137,13,'游戏汽车','/details/index/137'); d.add(138,13,'单个游戏','/details/index/138'); d.add(139,13,'分类游戏','/details/index/139'); d.add(140,13,'游戏合集','/details/index/140'); d.add(142,8,'快乐生活','/details/index/142'); d.add(143,8,'快乐童年','/details/index/143'); d.add(144,8,'黑白时代','/details/index/144'); d.add(145,8,'人物合集','/details/index/145'); d.add(146,9,'时光记忆','/details/index/146'); d.add(147,6,'影视其他','/details/index/147'); d.add(148,22,'未归类','/details/index/148'); d.add(149,22,'X光透视','/details/index/149'); d.add(150,22,'CT专辑','/details/index/150'); d.add(151,22,'Kagaya','/details/index/151'); d.add(152,1,'风光合集','/details/index/152'); d.add(153,1,'树木植物','/details/index/153'); d.add(154,1,'大海海滨','/details/index/154'); d.add(155,1,'雪山雪景','/details/index/155'); d.add(156,1,'瀑布溪流','/details/index/156'); d.add(157,1,'蓝天白云','/details/index/157'); d.add(158,1,'日出日落','/details/index/158'); d.add(159,1,'山水如画','/details/index/159'); d.add(160,4,'城市夜景','/details/index/160'); d.add(161,4,'各国建筑','/details/index/161'); d.add(162,4,'名胜古迹','/details/index/162'); d.add(163,4,'建筑风光','/details/index/163'); document.write(d); d.closeAll();
完整示例见附件