<script language="javascript" type="text/javascript">
<!--
      var img_plus= "images/plus.gif";
      var img_plus_start="images/plus_start.gif";
      var img_plus_end="images/plus_end.gif"
      var img_plus_start_end="images/plus_start_end.gif";
      var img_minus="images/minus.gif"
      var img_minus_start="images/minus_start.gif"
      var img_minus_end="images/minus_end.gif";
      var img_minus_start_end="images/minus_start_end.gif"
      var img_folder_open="images/folder_open.gif"
      var img_folder_close= "images/folder_close.gif"
      var last_id= 0;
      var menu_start= 1;
      var menu_end= 1;
      
 function showmenu(id){
          
        var last_menu, last_img_design, last_img_folder;
       
        var menu, img_design, img_folder;
    
        var noclose = true;        if (last_id != 0) {  
        alert("90");
        alert(last_id);
          // hide last open menu
          last_menu = document.all("menu_" + last_id);
          if (last_menu.style.display == ""){
            last_img_design = document.all("img_design_" + last_id);
            last_img_folder = document.all("img_folder_" + last_id);
            last_menu.style.display = "none";
            if (menu_start != menu_end) {  // at least two menus
              if (last_id == menu_start)
                last_img_design.src = img_plus_start;
              else if (last_id == menu_end)
                last_img_design.src = img_plus_end;
              else
                last_img_design.src = img_plus;
            } else {
              if (last_id == menu_start)
                last_img_design.src = img_plus_start_end;
              else  // should never be here
                last_img_design.src = img_plus;
            }        
            last_img_folder.src = img_folder_close;
            noclose = false;
          }
        }
        if (1<1);
        menu = document.all("menu_"+id);
        if (id != last_id || noclose) {
          img_design = document.all("img_design_" + id);
          img_folder = document.all("img_folder_" + id);
          menu.style.display = "";
          if (menu_start != menu_end) {  // at least two menus
            if (id == menu_start)
              img_design.src = img_minus_start;
            else if (id == menu_end)
              img_design.src = img_minus_end;
            else
              img_design.src = img_minus;
          } else {
            if (id == menu_start)
              img_design.src = img_minus_start_end;
            else  // should never be here
              img_design.src = img_minus;
          }        
          img_folder.src = img_folder_open;
        }
        last_id=id;
      }
  menu_start = 1;
  menu_end = 20;
-->
    </script>
我这段脚本在火狐浏览器下不起作用。

解决方案 »

  1.   

    document.all 全部改成 document.getElementById
      

  2.   


    界面的图片,没点击一次就会显示下级。
    以下是通过html标记调用脚本的方法
      <tr>
                                                    <td bgcolor="#ff65a0">
                                                        <a href="javascript:showmenu(3)" class="LeftTypeTitle">
                                                            <img id="img_design_3" height="20" src="images/plus.gif" width="20" align="absMiddle"
                                                                border="0"><img id="img_folder_3" height="20" src="images/folder_close.gif" width="25"
                                                                    align="absMiddle" border="0">商品类别管理</a>
                                                    </td>
                                                </tr>
                                                <tr id="menu_3" style="display: none" end="2">
                                                    <td valign="top" bgcolor="#ff65a0">
                                                        <img height="20" src="images/line.gif" width="20" align="absMiddle" border="0"><img
                                                            height="20" src="images/line_tri.gif" width="25" align="absMiddle" border="0"><img
                                                                height="13" src="images/dot_arrow_2.gif" width="16">
                                                        <a href="type_1List.aspx" target="mainFrame" class="LeftTypeLink">一级类别</a><br>
                                                        <img height="20" src="images/line.gif" width="20" align="absMiddle" border="0"><img
                                                            height="20" src="images/line_corner.gif" width="25" align="absMiddle" border="0"><img
                                                                height="13" src="images/dot_arrow_2.gif" width="16">
                                                        <a href="type_2list.aspx" target="mainFrame" class="LeftTypeLink">二级类别</a>
                                                    </td>
                                                </tr>