高分求救！二级菜单问题

Question

<tr>
  <td align=middle valign=top width=15 bordercolordark=#ffffff background="images/tree_wuwu.gif">
    <img id="image5" onClick="hideshow( 'div5','image5','quan' )" border=0 src="images/tree_jiaquan.gif">
  </td>
  <td width=115 valign="top">
  ip地址管理
    <div id="div5" style="display:none">
    <table cellspacing=0 width=100% align=left border=0 cellpadding="0" class="12v">
      <tr>
        <td align=middle valign=top width=15 bordercolordark=#ffffff background="images/tree_wuwu.gif">
          <img id="image5_1" border=0 src="images/tree_wuquan.gif" width="20" height="21">
        </td>
        <td width=115 valign="top"><a href="111.jsp" target="rightFrame">新增ip</a></td>
      </tr>
      <tr>
        <td align=middle valign=top width=15 bordercolordark=#ffffff>
          <img id="image5_2" border=0 src="images/tree_wuban.gif" width="20" height="21">
        </td>
        <td width=115 valign="top"><a href="22.jsp" target="rightFrame">删除ip</a></td>
      </tr>
    </table>
    </div>
  </td>
</tr>
JS文件中
function hideshow( which,img,stats ){
  if( !( document.getElementById || window.all ) ){
    return;
  }else{
    var tree_close = "images/tree_jia"+stats+".gif";
    var tree_open = "images/tree_jian"+stats+".gif";
    if( document.getElementById ){//NS
      oWhich = eval( "document.getElementById('" + which + "')" );
      oImg = eval( "document.getElementById('" + img + "')" );
    }else{//IE
      oWhich = eval( "window.all." + which );
      oImg = eval( "window.all." + img );
    }
    window.focus();
    if( oWhich.style.display=="none" ){
      oWhich.style.display="";
      oImg.src = tree_open;
    }else{
      oWhich.style.display="none";
      oImg.src = tree_close;
    }
  }
}希望对你又帮助

Answer 1

To poyer(瑞德) 
还是不懂，你能不能说具体点，
<td align=middle valign=top width=15 bordercolordark=#ffffff background="images/tree_wuwu.gif">
    <img id="image5" onClick="hideshow( 'div5','image5','quan' )" border=0 src="images/tree_jiaquan.gif">
上面的图片是什么意思？

Answer 2

好的,我希望你不要被我这个特定的二级菜单给迷惑了,你应该关注的只是hideShow这个函数而已,至于具体的二级菜单什么时候弹出,什么时候收回要看自己实际需要的我这里的Image无非是提供了点击图片时进行弹出和收回二级菜单而已.

Answer 3

或许下面这段文字对你会有更好的帮助在网页中加入菜单
　　没想过在你的网页中加入菜单吗?你实在应该试一试,让鼠标移动或点击页面上的菜单栏时象WINDOWS那样弹出一个下拉菜单,噢!"这个世界清静了"。下面说一说几种常用的菜单设计方法。 
1.采用图层的方式来设计菜单 
　　效果： 当鼠标移动上去时弹出相应的子菜单，离开菜单条或点击子菜单选项后及时关闭所有的子菜单。 　　先创建一个LAYER "MENUBAR"作为你的菜单栏，Z-INDEX：2，在LAYER “MENUBAR”中加入表格，规定好菜单条内容比如有三项，每项对应一个LAYER MOREMENU#，并将之隐藏，在菜单条中定义相应事件ONMOUSEOVER，使子菜单SHOW出来，在子菜单MOREMENU#中定义相应的链接和属性隐藏，并且定义事件ONMOUSEUP以关闭子菜单。然而这样做的结果是，当鼠标打开了一个子菜单，而又没有点击其中的链接，子菜单就会在页面中保留下来，只有重新在菜单中激活ONMOUSEOVER才能关闭。这未免有点遗憾,在新网ChinaDns.com的主页中( http://www.chinadns.com/)中采用了在子菜单MOREMENU#中加入一个链接（右上角的那个黑叉）来关闭子菜单，这也是一种解决方法。不过这种方法你必须要完成鼠标点击的操作，怎样完成鼠标移动后的自动关闭呢？实际上你只需要在LAYER “MENUBAR”的下面紧接着再定义一个LAYER ，高度只需要很小，宽度则要与你的MENUBAR一样宽，Z-INDEX：1（只要比LAYER ”MENUBAR“的Z-INDEX值小就行)，在其中定义事件ONMOUSEOUT为关闭各个子菜单。这样在页面中这个LAYER是看不见的，当你的鼠标离开MENUBAR或是MOREMENU#后，实际上你的鼠标首先要经过这个LAYER，开始执行它的ONMOUSEOUT。这样你就不用担心这些子菜单老是留在网页上碍眼了。 　　效果：类似于TAB的菜单栏 　　先要做好大小一样的图标，将它按TAB的形状排列，在它的下面设计好数个图层，大小都一样，位置也都一样，这样就产生了重叠效果，将对应于TAB1的图层LAYER1先设为SHOW，以作为默认的层面，而其它的则隐藏。在TAB1的图片中设置ONMOUSEUP，将LAYER1显示，其它隐藏，在TAB2的图片中同样设置ONMOUSEUP，将LAYER2显示，而其它隐藏，以此类推。当然你还可以顺便把TAB的图片换一换，不过最好大小不变。 2.采用表格的方式来设计菜单 　　效果：当点击菜单栏时,自动向下或是向右展开子菜单项,而相邻的菜单向下向后顺延,再点击还原。 　　首先创建一个COL 1，ROW 2的表格，第一行作为菜单栏，在第二行中再创建一个COL 1，ROW X的表格，这里关键是要定义第二个表格的ID和style的DISPLAY属性，例如将ID定为MENU1，style 的DISPLAY属性则必须定为NONE，因为要将它先隐藏起来。现在你要head之间定义一个函数，就象下面这个样子： 
<script lanuage="JavaScript"> 
function changemenu(tablemenu) 
{ 
if (tablemenu.style.display=="none") 
tablemenu.style.display=""; 
else 
tablemenu.style.display="none"; 
} 
</script> 
　　好了，现在来定义第一个表格第一行菜单栏的功能了，在这行表格的td中加入代码，就象这样 
<td language="javascript" onmouseup="change(menu1);" height="32">菜单栏</td> 
　　保存页面，在浏览器中看看，点击菜单栏下面的菜单项就弹出来了。嗯，没有了手的形状，不要紧，在上一行代码的td后面加上一句style="cursor:hand"。 
3.采用帧页的方式来设计菜单 　　关于在页面的框架中实现树目录结构示意,其实也是一种菜单结构的体现,这种方式最容易，可是也最烦琐，在帧框架中做好一个菜单栏页面，然后你要为每个菜单打开后的结果做出相应的页面，然后在每个菜单项中定义链接来打开相应的结果页面，要注意的就是打开的结果页面，要指定在菜单栏的框架之中，否则就要天下大乱了。网易的BBS中就采用了这种设计方式，再配上目录状的图标，看上去蛮像那么回事的。 
　　以上的例子着重于菜单设计的思路，至于菜单的美观等问题嘛，唉！只好你自己看着办啦！

Answer 4

To poyer(瑞德)
不好意思，还是要请教
你能不能直接把我的这个例子作出来
只需要做IP地址管理的新增和删除这个菜单
谢谢！