hookee 谢谢你的回复。
不过还有点小问题,这个是已决贴的地址http://topic.csdn.net/u/20090912/21/c4f785d9-49ae-4bca-8672-b8959a737a57.html?7629详不情就在这个上面:hookee 能不能在帮我改一下,就是那个+图片,与-图片,不会随击变化,例如: 
我现在就击一个栏目,他就展开,图片就变成-.GIF,如果我点下一个栏目上一个以展开的-.GIF不会变成+.gif, 如果不能在帮我解决一下,点下一个展目,以展开的-.GIF会变成+.GIF还有问题就是,刚开打开网页,是有一个栏目是默认展开的( <li class="pd_left01_li00"> <a onclick=javascript:ShowFLT(1) href="javascript:void(null)"> <img id="img1" src="images/+.gif" alt="单击显示更多酒店" width="11" height="11"  longdesc="http://www.lyjd114.com/" /> </a> <a href="#">中国 </a>-> <a href="#">广州 </a> </li> ) 
但我直接点一下栏目时第一个默认展开的不会收回去,必须要先去点一次默认展开的栏目才没有问题 

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <ul> 
    <script language=javascript id=clientEventHandlersJS> 
    <!-- 
    var number=7; 
    var cur, curid;
    function LMYC() { 
    var lbmc; 
    //var treePic; 
        for (i=1;i <=number;i++) { 
            lbmc = document.getElementById('LM' + i); 
            //treePic = eval('treePic'+i); 
            //treePic.src = 'images/file.gif'; 
            lbmc.style.display = 'none'; 
        } 
    } function ShowFLT(i) { 
        lbmc = document.getElementById('LM' + i); 
        if(lbmc != cur){
         document.getElementById("img"+curid).src="+.gif";
         if(cur!=null) cur.style.display = 'none';
        }
        cur = lbmc;
        curid = i;
        //treePic = eval('treePic' + i) 
        if (lbmc.style.display == 'none') { 
            //LMYC(); 
            //treePic.src = 'images/nofile.gif'; 
            document.getElementById("img"+i).src="-.gif";
            lbmc.style.display = ''; 
        } 
        else { 
            //treePic.src = 'images/file.gif'; 
            document.getElementById("img"+i).src="+.gif";
            lbmc.style.display = 'none'; 
        } 

    window.onload=function(){
      cur = document.getElementById('LM1');;
      curid=1
    }
    //--> 
          </script> 
                        <li class="pd_left01_li00"> <a onclick=javascript:ShowFLT(1) href="javascript:void(null)"> <img id="img1" src="images/+.gif" alt="单击显示更多酒店" width="11" height="11"  longdesc="http://www.lyjd114.com/" /> </a> <a href="#">中国 </a>-> <a href="#">广州 </a> </li> 
                          <li class="pd_left01_li01" id="LM1" > <img src="images/ictop.gif" />&nbsp; <a title="把全部标题读出来" href="#" target="_blank">ddsflrewwerkkjrwreewrw </a> <br /> 
                          <img src="images/ictop.gif" />&nbsp;ddsflrewwerkkjrwreewrw <br /> 
                          <img src="images/ictop.gif" />&nbsp;ddsflrewwerkkjrwreewrw <br /> 
                          <img src="images/ictop.gif" />&nbsp;ddsflrewwerkkjrwreewrw <br /> 
                          <img src="images/ictop.gif" />&nbsp;ddsflrewwerkkjrwreewrw <br /> 
                          <img src="images/ictop.gif" />&nbsp;ddsflrewwerkkjrwreewrw <br />                       </li> 
    <li class="pd_left01_li00"> <a onclick=javascript:ShowFLT(2) href="javascript:void(null)"> <img id="img2" src="images/+.gif" alt="单击显示更多酒店" width="11" height="11" longdesc="http://www.lyjd114.com/" /> </a> <a href="#" target="_blank">中国 </a>-> <a href="#" target="_blank">广州 </a> </li> 
                          <li class="pd_left01_li01" id="LM2" style="DISPLAY: none; "> 
                          </li> 
    <li class="pd_left01_li00"> <a onclick=javascript:ShowFLT(3) href="javascript:void(null)"> <img id="img3" src="images/+.gif" alt="单击显示更多酒店" width="11" height="11" longdesc="http://www.lyjd114.com/" /> </a> <a href="#" target="_blank">中国 </a>-> <a href="#" target="_blank">广州 </a> </li>          
                          <li class="pd_left01_li01" id="LM3" style="DISPLAY: none;" > 
                          </li> 
                            <li class="pd_left01_li00"> <a onclick=javascript:ShowFLT(4) href="javascript:void(null)"> <img id="img4" src="images/+.gif" alt="单击显示更多酒店" width="11" height="11" longdesc="http://www.lyjd114.com/" /> </a> <a href="#" target="_blank">中国 </a>-> <a href="#" target="_blank">广州 </a> </li> 
                          <li class="pd_left01_li01" id="LM4" style="DISPLAY: none;"> 
                          </li> 
                            <li class="pd_left01_li00"> <a onclick=javascript:ShowFLT(5) href="javascript:void(null)"> <img id="img5" src="images/+.gif" alt="单击显示更多酒店" width="11" height="11" longdesc="http://www.lyjd114.com/" /> </a> <a href="#" target="_blank">中国 </a>-> <a href="#" target="_blank">广州 </a> </li>            
                            <li class="pd_left01_li01" id="LM5" style="DISPLAY: none"> 
                            </li> 
                            <li class="pd_left01_li00"> <a onclick=javascript:ShowFLT(6) href="javascript:void(null)"> <img id="img6" src="images/+.gif" alt="单击显示更多酒店" width="11" height="11" longdesc="http://www.lyjd114.com/" /> </a> <a href="#" target="_blank">中国 </a>-> <a href="#" target="_blank">广州 </a> </li>            
                          <li class="pd_left01_li01" id="LM6" style="DISPLAY: none;"> 
                          </li> 
                            <li class="pd_left01_li00"> <a onclick=javascript:ShowFLT(7) href="javascript:void(null)"> <img id="img7" src="images/+.gif" alt="单击显示更多酒店" width="11" height="11" longdesc="http://www.lyjd114.com/" /> </a> <a href="#" target="_blank">中国 </a>-> <a href="#" target="_blank">广州 </a> </li>            
                          <li class="pd_left01_li01" id="LM7" style="DISPLAY: none;"> 
                          </li> 
                        
                            
                      </ul>