js分类菜单问题

这个代码在火孤那里不行，在IE都没有问题，不过在火孤把这个代码去掉，问题就没有了，<!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;function LMYC() {
var lbmc;
//var treePic;
    for (i=1;i<=number;i++) {
        lbmc = eval('LM' + i);
        //treePic = eval('treePic'+i);
        //treePic.src = 'images/file.gif';
        lbmc.style.display = 'none';
    }
}
 
function ShowFLT(i) {
    lbmc = eval('LM' + i);
    //treePic = eval('treePic' + i)
    if (lbmc.style.display == 'none') {
        LMYC();
        //treePic.src = 'images/nofile.gif';
        lbmc.style.display = '';
    }
    else {
        //treePic.src = 'images/file.gif';
        lbmc.style.display = 'none';
    }
}
//-->
      </script>
                     <li class="pd_left01_li00"><a onclick=javascript:ShowFLT(1) href="javascript:void(null)"><img 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 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 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 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 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 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 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>

解决方案 »

  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; 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); 
        //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'; 
        } 
    } 
    //--> 
          </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>
      

  2.   

    hookee：谢谢你！现在主流浏览器没有问题了。不过新问题出现了，当我点击+展开时，上一个以展开的不会收回去，如果能把这个问题搞定就OK了。
      

  3.   


    <!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;
    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) if(cur!=null) cur.style.display == 'none';
        cur = lbmc
        //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'; 
        } 
    } 
    //--> 
          </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>
      

  4.   

    改一下：
    <!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;
    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) if(cur!=null) cur.style.display = 'none';
        cur = lbmc
        //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'; 
        } 
    } 
    //--> 
          </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>
      

  5.   

    hookee
     太感谢你了。问题结决了！
      

  6.   

    hookee 能不能在帮我改一下，就是那个+图片，与-图片，不会随击变化，例如：
    我现在就击一个栏目，他就展开，图片就变成-.GIF，如果我点下一个栏目上一个以展开的-.GIF不会变成+.gif, 如果不能在帮我解决一下，点下一个展目，以展开的-.GIF会变成+.GIF
      

  7.   

    还有问题就是，刚开打开网页，是有一个栏目是默认展开的（<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> ）
    但我直接点一下栏目时第一个默认展开的不会收回去，必须要先去点一次默认展开的栏目才没有问题