急急急急急急急急!如何让树形目录的节点展开时使用一张图片，而收缩时用另一张图片

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="JavaScript" type="text/JavaScript">
<!--
function overimg(){
 image1.src="abcabc.gif";
 image1.title="hello";
}
function outimg(){
 image1.src="abc.gif";
 image1.title="hahaha";
}
//-->
</script>
</HEAD><BODY>
<a href="#" onmouseout="outimg()" onclick="overimg()"><img name="image1" border="0" width=120 src="abc.gif" title="hahaha"></a>
</BODY>
</HTML>

解决方案 »

  1.   

    <meta http-equiv="content-type" content="text/html;charset=gb2312">
    <script language="JavaScript">
    <!--
    function thisdisplay(n)
    {
       abc = eval(n);
       abct=eval(n+"t");
       if(abc.style.display=="none")
        {
          abc.style.display="";
      abct.src="images/openfold.gif";
         }else{
          abc.style.display="none";
      abct.src="images/clsfold.gif";
         }
    }
    //-->
    </script> 
    <table width="140" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">
            <tr> 
              <td colspan="2" align="center" bgcolor="#003300"><strong><font color="#FFFFFF" size="4"><em>我的日记</em></font></strong></td>
            </tr>
      <tr>
        <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr onclick="thisdisplay('y2003')"> 
              <td width="35"><img src="images/clsfold.gif" name="y2003t" width="35" height="17" id="y2003t"></td>
              <td width="103">2003年</td>
            </tr>
            <tr> 
              <td colspan="2"><table width="100%" id="y2003" style="display:none" border="0" cellspacing="0" cellpadding="0">
                  <tr onclick="thisdisplay('m1')"> 
                    <td width="20"></td>
                    <td width="35"><img src="images/clsfold.gif" name="m1t" width="35" height="17" id="m1t"></td>
                    <td width="83">1月</td>
                  </tr>
                  <tr> 
                    <td></td>
                    <td colspan="2"><table width="100%" id="m1" style="display:none" border="0" cellspacing="0" cellpadding="0">
                        <tr> 
                          <td width="51"><img src="images/line.gif" width="16" height="17"><img src="images/t.gif" width="16" height="17"><img src="images/text.gif" width="16" height="17"></td>
                          <td>1日</td>
                        </tr>
                        <tr> 
                          <td><img src="images/line.gif" width="16" height="17"><img src="images/t.gif" width="16" height="17"><img src="images/text.gif" width="16" height="17"></td>
                          <td>2日</td>
                        </tr>
                        <tr> 
                          <td><img src="images/line.gif" width="16" height="17"><img src="images/turn.gif" width="16" height="17"><img src="images/text.gif" width="16" height="17"></td>
                          <td>10日</td>
                        </tr>
                      </table></td>
                  </tr>
                  <tr onclick="thisdisplay('m2')"> 
                    <td></td>
                    <td><img src="images/clsfold.gif" name="m2t" width="35" height="17" id="m2t"></td>
                    <td>2月</td>
                  </tr>
                  <tr> 
                    <td></td>
                    <td colspan="2"><table width="100%" id="m2" style="display:none" border="0" cellspacing="0" cellpadding="0">
                        <tr> 
                          <td width="51"><img src="images/line.gif" width="16" height="17"><img src="images/t.gif" width="16" height="17"><img src="images/text.gif" width="16" height="17"></td>
                          <td>1日</td>
                        </tr>
                        <tr> 
                          <td><img src="images/line.gif" width="16" height="17"><img src="images/t.gif" width="16" height="17"><img src="images/text.gif" width="16" height="17"></td>
                          <td>2日</td>
                        </tr>
                        <tr> 
                          <td><img src="images/line.gif" width="16" height="17"><img src="images/turn.gif" width="16" height="17"><img src="images/text.gif" width="16" height="17"></td>
                          <td>10日</td>
                        </tr>
                      </table></td>
                  </tr>
                  <tr onclick="thisdisplay('m3')"> 
                    <td></td>
                    <td><img src="images/clsfold.gif" name="m3t" width="35" height="17" id="m3t"></td>
                    <td>3月</td>
                  </tr>
                  <tr> 
                    <td></td>
                    <td colspan="2"><table width="100%" id="m3" style="display:none" border="0" cellspacing="0" cellpadding="0">
                        <tr> 
                          <td width="17"></td>
                          <td width="34"><img src="images/t.gif" width="16" height="17"><img src="images/text.gif" width="16" height="17"></td>
                          <td>1日</td>
                        </tr>
                        <tr> 
                          <td></td>
                          <td><img src="images/t.gif" width="16" height="17"><img src="images/text.gif" width="16" height="17"></td>
                          <td>2日</td>
                        </tr>
                        <tr> 
                          <td></td>
                          <td><img src="images/turn.gif" width="16" height="17"><img src="images/text.gif" width="16" height="17"></td>
                          <td>10日</td>
                        </tr>
                      </table></td>
                  </tr>
                </table></td>
            </tr>
          </table></td>
      </tr>
    </table>