高分求助 Javasript 树!

下面的给你参考一下：（我觉得不错）<HTML>
<HEAD>
<TITLE>103</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE>
TD {
FONT-FAMILY: 宋体; FONT-SIZE: 12px
}
A:hover {
COLOR: #0000ff
}
.lblue1 {
COLOR: #ff0000; FONT-SIZE: 9pt; LINE-HEIGHT: 150%; TEXT-DECORATION: none
}
.hg {
FONT-SIZE: 9pt; LINE-HEIGHT: 150%
}
</STYLE>
</HEAD>
<BODY bgColor=#ffffff leftMargin=0 topMargin=0>
<TABLE bgColor=#ffe6bf border=0 cellPadding=0 cellSpacing=0 class=lblue1  width="163">
<TBODY>
        <TR>
          <TD height=20 vAlign=bottom width="276"> <IMG border=0 name=s1Image
            src="SOHU 商城.files/2.gif" width="13" height="13"> <A href="SOHU 商城.files/help1.htm"
            onclick="javascript:expands('s1')" target=right><B><SPAN
            class=lblue1>2、关于支付</SPAN></B></A><BR></TD></TR>
        <TR>
          <TD class=bd1 width="276">
            <DIV class=child id=s1childs>
            <TABLE border=0 cellPadding=0 cellSpacing=0 width="163">
              <TBODY>
              <TR bgColor=#fef3de>
                <TD height=25 width=36></TD>
                <TD width="127"><A class=lblue1 href="SOHU 商城.files/help1.htm"
                  target=right>1.货到付款</A></TD></TR>
              <TR bgColor=#fef3de>
                <TD height=25 width=36></TD>
                <TD width="127"><A class=lblue1 href="SOHU 商城.files/help1.htm"
                  target=right>2.邮局汇款</A></TD></TR>
              </TBODY></TABLE></DIV></TD></TR>
        </TBODY></TABLE>
<SCRIPT language=javascript>
pic1 = new Image
pic1.src = "1.gif"
pic2 = new Image
pic2.src = "2.gif"
pic3 = new Image
pic3.src = "1.gif"
pic4 = new Image
pic4.src = "2.gif"function img_changer(ImgName, changepic) {
    document.images[ImgName].src = eval(changepic + ".src")
}

function initIts(){
divColl=document.all.tags("DIV");
for(i=0; i<divColl.length; i++) {
if (i<6 && i>0)img_changer('s' +i + 'Image', 'pic2');
if (i<1 && i>0)img_changer('f' +i + 'Image', 'pic4');
whichEl=divColl(i);
if(whichEl.className=="child")whichEl.style.display="none";
}
}
function initItf(){
divColl=document.all.tags("DIV");
for(i=0; i<divColl.length; i++) {
whichEl=divColl(i);
for(j=1;j<1;j++){
if(whichEl.id=="f" + j + "childf")
{whichEl.style.display="none";
img_changer('f' +j + 'Image', 'pic4');}
}
}
}
function expands(el) {
whichEl1=eval(el+"childs");
if (whichEl1.style.display=="none"){
initIts();
whichEl1.style.display="block";
img_changer(el+'Image', 'pic1');
}
else
{
img_changer(el+'Image', 'pic2');
whichEl1.style.display="none";}
}
function expandf(el) {
whichEl1=eval(el+"childf");
if (whichEl1.style.display=="none"){
initItf();
whichEl1.style.display="block";
img_changer(el+'Image', 'pic3');
}
else
{
img_changer(el+'Image', 'pic4');
whichEl1.style.display="none";}
}
onload=initItf;
onload=initIts;
      </SCRIPT>
</BODY></HTML>自己在后面加多几个层就可以了
这个也可以给你参考！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><HTML>
  <HEAD>
    <TITLE></TITLE>
  </HEAD>
  <BODY>
  <script language="JavaScript">
NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
ver4 = (NS4 || IE4) ? 1 : 0;if (ver4) {
    with (document) {
        write("<STYLE TYPE='text/css'>");
        if (NS4) {
            write(".parent {position:absolute; visibility:visible}");
            write(".child {position:absolute; visibility:visible}");
            write(".regular {position:absolute; visibility:visible}")
        }
        else {
            write(".child {display:none}")
        }
        write("</STYLE>");
    }
}function getIndex(el) {
    ind = null;
    for (i=0; i<document.layers.length; i++) {
        whichEl = document.layers[i];
        if (whichEl.id == el) {
            ind = i;
            break;
        }
    }
    return ind;
}function arrange() {
    nextY = document.layers[firstInd].pageY +document.layers[firstInd].document.height;
    for (i=firstInd+1; i<document.layers.length; i++) {
        whichEl = document.layers[i];
        if (whichEl.visibility != "hide") {
            whichEl.pageY = nextY;
            nextY += whichEl.document.height;
        }
    }
}function initIt(){
    if (!ver4) return;
    if (NS4) {
        for (i=0; i<document.layers.length; i++) {
            whichEl = document.layers[i];
            if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = "hide";
       }
        arrange();
    }
    else {
        divColl = document.all.tags("DIV");
        for (i=0; i<divColl.length; i++) {
            whichEl = divColl(i);
            if (whichEl.className == "child") whichEl.style.display = "none";
        }
    }
}function expandIt(el) {
    if (!ver4) return;
    if (IE4) {
        whichEl = eval(el + "Child");
        if (whichEl.style.display == "none") {
            whichEl.style.display = "block";
        }
        else {
            whichEl.style.display = "none";
        }
    }
    else {
        whichEl = eval("document." + el + "Child");
        if (whichEl.visibility == "hide") {
            whichEl.visibility = "show";
        }
        else {
            whichEl.visibility = "hide";
        }
        arrange();
    }
}
onload = initIt;
</script>
        </font></p>
      <div id="KB1Parent" class="parent">　　　
　      <a href="#" onClick="expandIt('KB1'); return false" >
           <img src="img/plus.gif" border=0>文件夹一
        </a></div>
      <div id="KB1Child" class="child">
　　　　　<a href="sample.htm" target="_blank" >
             <img src="img/spacer.gif"  border=0 alt="">
             <img src="img/open.gif"  border=0>页面一
          </a><br>
        　<a href="sample.htm" target="_blank" >
             <img src="img/spacer.gif"  border=0 alt="" width="15" height="11">
               <img src="img/open.gif"  border=0>页面二
          </a><br>
        　<a href="sample.htm" target="_blank" >
              <img src="img/spacer.gif"  border=0 alt="" width="15" height="11">
              <img src="img/open.gif"  border=0>页面三
          </a></div>
      <div id="KB2Parent" class="parent">　　　
       　<a href="#" onClick="expandIt('KB2'); return false" >
            <img src="img/plus.gif" border=0>文件夹二
        </a></div>
      <div id="KB2Child" class="child">　
　　　　<a href="sample.htm" target="_blank" >
           <img src="img/spacer.gif"  border=0 alt="" width="15" height="11">
           <img src="img/open.gif"  border=0>页面一
       </a><br>
       <a href="sample.htm" target="_blank" >
           <img src="img/spacer.gif"  border=0 alt="">
           <img src="img/open.gif"  border=0>页面二
      </a><br>
      <a href="sample.htm" target="_blank" >
         <img src="img/spacer.gif"  border=0 alt="" width="15" height="11">
         <img src="img/open.gif"  border=0>页面三
      </a></div>
      <div id="KB3Parent" class="parent">　　　　
         <a href="#" onClick="expandIt('KB3'); return false" >
            <img src="img/plus.gif"  border=0>文件夹三
         </a></div>
      <div id="KB3Child" class="child"> 　
　　　　<a href="sample.htm" target="_blank" >
          <img src="img/spacer.gif"  border=0 alt="">
          <img src="img/open.gif"  border=0>页面一
       </a><br>
       <a href="sample.htm" target="_blank" >
          <img src="img/open.gif"  border=0>页面二
       </a><br>
       <a href="sample.htm" target="_blank" >
          <img src="img/spacer.gif"  border=0 alt="">
          <img src="img/open.gif"  border=0>页面三
       </a></div>
<script language="JavaScript">
           if (NS4) {
                   firstEl = "KB1Parent";
                   firstInd = getIndex(firstEl);
                   arrange();
}
</script>  </BODY>
</HTML>

调试易

高分求助 Javasript 树!

解决方案 »