DIV CSS 佈局教程網

程序名：JTree(樹狀控件)
結合了XML的長處，使您只需幾行代碼就可以擁有像Windows的資源管理器一樣的TreevIEw了。

之前，本人曾寫過一個TreevIEw，但是，不夠美觀，這一版本，在外觀上做了很大的改進，很漂亮。運行速度很快。

詳細功能請見示例
示例
打包下載

JTree在onclick時，有兩個值可以用：

	var myTree=new JTree("showTree","vogueType.XML");
	myTree.setPicPath("img/")
	myTree.onclick=function(){
		//alert
(myTree.selectNode.parentNode.attributes.getNamedItem
("eXPlain").nodeValue);
		//alert(myTree.clickItem.level)
		setValueById("typeCaption",getNodeAtt
(myTree.selectNode,"caption"));
		setValueById("parentType",getNodeAtt
(myTree.selectNode.parentNode,"caption"));
		setValueById("PRI",getNodeAtt
(myTree.selectNode,"PRI"));
		setValueById("explain",getNodeAtt
(myTree.selectNode,"explain"));
		setValueById("level",myTree.clickItem.level);
	}
	myTree.CAPTIONATT="caption";
	myTree.create();

這是一個XML節點，

myTree.clickItem

像當於一個記錄型變量。
它的原型如下：

function clickNode(){
	this.obj		=null;
	this.caption	=null;
	this.level		=null;
	this.value		=null;
}

部分代碼解釋：

var self =this; //相當於一個引用，指向自己。JTree.

self實際上就像當於一個指針（見JTree.JS的開頭部分）

程序代碼很簡單，只要用心讀。