js树dtree

qiancha

浏览: 66885 次
性别:
来自: 深圳

最近访客更多访客>>

mumume123

lizhan3245

yn5411

as595749478

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

JavaScript dtree

示例:

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();

完整示例见附件