哪位大侠有用javascript写的树形代码,能动态添加的那种?

帮忙~!
---------------------------------------------------------------

gz
---------------------------------------------------------------

http://www.vckbase.com/code/listcode.asp?mclsid=22&sclsid=2201

js+xml+xsl
---------------------------------------------------------------

  1<body bgcolor="#ffdeb5">
  2<table align="left">
  3<script language="JavaScript">   
  4NS4 = (document.layers) ? 1 : 0;   
  5IE4 = (document.all) ? 1 : 0;   
  6ver4 = (NS4 ¦ ¦ IE4) ? 1 : 0;   
  7  
  8if (ver4) {   
  9with (document) {   
 10write("<STYLE TYPE='text/css'>");   
 11if (NS4) {   
 12write(".parent {position:absolute; visibility:visible}");   
 13write(".child {position:absolute; visibility:visible}");   
 14write(".regular {position:absolute; visibility:visible}")   
 15}   
 16else {   
 17write(".child {display:none}")   
 18}   
 19write("</STYLE>");   
 20}   
 21}   
 22  
 23function getIndex(el) {   
 24ind = null;   
 25for (i=0; i<document.layers.length; i++) {   
 26whichEl = document.layers[i];   
 27if (whichEl.id == el) {   
 28ind = i;   
 29break;   
 30}   
 31}   
 32return ind;   
 33}   
 34  
 35function arrange() {   
 36nextY = document.layers[firstInd].pageY +document.layers[firstInd].document.height;   
 37for (i=firstInd+1; i<document.layers.length; i++) {   
 38whichEl = document.layers[i];   
 39if (whichEl.visibility != "hide") {   
 40whichEl.pageY = nextY;   
 41nextY += whichEl.document.height;   
 42}   
 43}   
 44}   
 45  
 46function initIt(){   
 47if (!ver4) return;   
 48if (NS4) {   
 49for (i=0; i<document.layers.length; i++) {   
 50whichEl = document.layers[i];   
 51if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = "hide";   
 52}   
 53arrange();   
 54}   
 55else {   
 56divColl = document.all.tags("DIV");   
 57for (i=0; i<divColl.length; i++) {   
 58whichEl = divColl(i);   
 59if (whichEl.className == "child") whichEl.style.display = "none";   
 60}   
 61}   
 62}   
 63  
 64function expandIt(el) {   
 65if (!ver4) return;   
 66if (IE4) {   
 67whichEl = eval(el + "Child");   
 68if (whichEl.style.display == "none") {   
 69whichEl.style.display = "block";   
 70}   
 71else {   
 72whichEl.style.display = "none";   
 73}   
 74}   
 75else {   
 76whichEl = eval("document." + el + "Child");   
 77if (whichEl.visibility == "hide") {   
 78whichEl.visibility = "show";   
 79}   
 80else {   
 81whichEl.visibility = "hide";   
 82}   
 83arrange();   
 84}   
 85}   
 86onload = initIt;   
 87</script>   
 88  
 89\---------------------------------------------------------------   
 90  
 91<p></p>
 92<div class="parent" id="KB1Parent"><a href="#" onclick="expandIt('KB1'); return false"><img border="0" name="kb1" src="img/plus.gif"/><font class="tt">政务服务</font></a></div>
 93<div class="child" id="KB1Child"> <a href="gov_affair/gov_announce/manager.asp" target="right"><img alt="" border="0" src="img/spacer.gif"/><img border="0" src="img/open.gif"/><font class="tt">政务通告</font></a><br/> <a href="gov_affair/gov_apply/manager.asp" target="right"><img alt="" border="0" height="11" src="img/spacer.gif" width="15"/><img border="0" src="img/open.gif"/><font class="tt">政务申请</font></a><br/> <a href="gov_affair/gov_pass/manager.asp" target="right"><img alt="" border="0" height="11" src="img/spacer.gif" width="15"/><img border="0" src="img/open.gif"/><font class="tt">政务获审通告</font></a><br/> <a href="gov_affair/gov_consult/manager.asp" target="right"><img alt="" border="0" height="11" src="img/spacer.gif" width="15"/><img border="0" src="img/open.gif"/><font class="tt">政务咨询</font></a></div>
 94<div class="parent" id="KB2Parent"><a href="#" onclick="expandIt('KB2'); return false"><img border="0" src="img/plus.gif"/><font class="tt">产权服务</font></a></div>
 95<div class="child" id="KB2Child"> <a href="patent/apply/manager.asp" target="right"><img alt="" border="0" height="11" src="img/spacer.gif" width="15"/><img border="0" src="img/open.gif"/><font class="tt">产权申报信息</font></a><br/> <a href="patent/pass/manager.asp" target="right"><img alt="" border="0" src="img/spacer.gif"/><img border="0" src="img/open.gif"/><font class="tt">获审产权通告</font></a><br/> <a href="patent/table/uploadfrm.asp" target="right"><img alt="" border="0" height="11" src="img/spacer.gif" width="15"/><img border="0" src="img/open.gif"/><font class="tt">产权申报表</font></a><br/> <a href="patent/contract/uploadfrm.asp" target="right"><img alt="" border="0" height="11" src="img/spacer.gif" width="15"/><img border="0" src="img/open.gif"/><font class="tt">合同样本</font></a></div>
 96<div class="parent" id="KB9Parent"><a href="#" onclick="expandIt('KB9'); return false"><img border="0" src="img/plus.gif"/><font class="tt">发布技术交易</font></a></div>
 97<div class="child" id="KB9Child"> <a href="technicaltrade/tech_transfer/index.asp" target="right"><img alt="" border="0" height="11" src="img/spacer.gif" width="15"/><img border="0" src="img/open.gif"/><font class="tt">技术转让</font></a><br/> <a href="technicaltrade/tech_demand/index.asp" target="right"><img alt="" border="0" src="img/spacer.gif"/><img border="0" src="img/open.gif"/><font class="tt">技术需求</font></a><br/> <a href="technicaltrade/tnew_prod/index.asp" target="right"><img alt="" border="0" src="img/spacer.gif"/><img border="0" src="img/open.gif"/><font class="tt">最新产品</font></a><br/> <a href="technicaltrade/TSCIEN_FINANCE/index.asp" target="right"><img alt="" border="0" height="11" src="img/spacer.gif" width="15"/><img border="0" src="img/open.gif"/><font class="tt">科技融资</font></a></div>
 98<div class="parent" id="KB8Parent"><a href="#" onclick="expandIt('KB8'); return false"><img border="0" src="img/plus.gif"/><font class="tt">技术交易回复</font></a></div>
 99<div class="child" id="KB8Child"> <a href="technicaltrade/ans_tech_transfer/index.asp" target="right"><img alt="" border="0" height="11" src="img/spacer.gif" width="15"/><img border="0" src="img/open.gif"/><font class="tt">技术转让</font></a><br/> <a href="technicaltrade/ans_tech_demand/index.asp" target="right"><img alt="" border="0" src="img/spacer.gif"/><img border="0" src="img/open.gif"/><font class="tt">技术需求</font></a><br/> <a href="technicaltrade/ans_tnew_prod/index.asp" target="right"><img alt="" border="0" src="img/spacer.gif"/><img border="0" src="img/open.gif"/><font class="tt">最新产品</font></a><br/> <a href="technicaltrade/ans_TSCIEN_FINANCE/index.asp" target="right"><img alt="" border="0" height="11" src="img/spacer.gif" width="15"/><img border="0" src="img/open.gif"/><font class="tt">科技融资</font></a></div>
100<div class="parent" id="KB4Parent"><a href="#" onclick="expandIt('KB4'); return false"><img border="0" src="img/plus.gif"/><font class="tt">科技会展</font></a></div>
101<div class="child" id="KB4Child"> <a href="exhibition/ex_info/manager.asp" target="right"><img alt="" border="0" height="11" src="img/spacer.gif" width="15"/><img border="0" src="img/open.gif"/><font class="tt">展会信息</font></a><br/> <a href="exhibition/ex_special/manager.asp" target="right"><img alt="" border="0" src="img/spacer.gif"/><img border="0" src="img/open.gif"/><font class="tt">展会专题</font></a><br/> <a href="exhibition/ex_hall/manager.asp" target="right"><img alt="" border="0" src="img/spacer.gif"/><img border="0" src="img/open.gif"/><font class="tt">会员展厅</font></a></div>
102<div class="parent" id="KB5Parent"><a href="#" onclick="expandIt('KB5'); return false"><img border="0" src="img/plus.gif"/><font class="tt">民科数据库</font></a></div>
103<div class="child" id="KB5Child"> <a href="database/productions/manager.asp" target="right"><img alt="" border="0" height="11" src="img/spacer.gif" width="15"/><img border="0" src="img/open.gif"/><font class="tt">科技成果</font></a><br/> <a href="database/patent/manager.asp" target="right"><img alt="" border="0" src="img/spacer.gif"/><img border="0" src="img/open.gif"/><font class="tt">技术专利</font></a><br/> <a href="database/product/manager.asp" target="right">&lt;IMG alt=""</a></div></table></body>
Published At
Categories with Web编程
comments powered by Disqus