梅花树控件

<script language="JavaScript"
  src="http://www.meizz.com/Web/Plugs/MzTreeView10.js"></script>
<base href="http://www.meizz.com/Web/">
<style>
A.MzTreeview
{
  font-size: 9pt;
  padding-left: 3px;
}
</style>
<script language="JavaScript">
  var tree = new MzTreeView("tree");

  tree.icons["property"] = "property.gif";
  tree.icons["css"] = "collection.gif";
  tree.icons["book"]  = "book.gif";
  tree.iconsExpand["book"] = "bookopen.gif"; //展开时对应的图片

  tree.setIconPath("http://www.meizz.com/Icons/TreeView/"); //可用相对路径

  tree.nodes["0_1"] = "text:WEB 编程";
  tree.nodes["1_100"] = "text:代码示例; data:id=100";
  tree.nodes["1_200"] = "text:梅花雪脚本控件集; data:id=200";
  tree.nodes["1_310"] = "text:CSS; icon:css; data:id=310";
  tree.nodes["1_320"] = "text:DHTML; data:id=320";
  tree.nodes["1_300"] = "text:HTML; data:id=300";
  tree.nodes["1_400"] = "text:JavaScript; icon:book; data:id=400";
  tree.nodes["320_322"] = "text:属性; icon: property; data:id=322";
  tree.nodes["320_323"] = "text:方法; data:id=323";
  tree.nodes["320_324"] = "text:事件; icon:event; data:id=324";
  tree.nodes["320_325"] = "text:集合; data:id=325";
  tree.nodes["400_407"] = "text:对象; data:id=407";
  tree.nodes["400_406"] = "text:方法; data:id=406";
  tree.nodes["400_408"] = "text:运算符; data:id=408";
  tree.nodes["400_409"] = "text:属性; data:id=409";
  tree.nodes["407_1140"] = "text:Date; url:Article.asp; data:id=140";
  tree.nodes["406_1127"] = "text:toString; url:Article.asp; data:id=127";
  tree.nodes["408_1239"] = "text:||; url:Article.asp; data:id=239";
  tree.nodes["409_1163"] = "text:E;  url:Article.asp; data:id=163";

  tree.setURL("Catalog.asp");
  tree.setTarget("MzMain");
  document.write(tree.toString());    //亦可用 obj.innerHTML = tree.toString();
</script>

http://www.meizz.com/Web/Web.asp