下拉菜单(QQ效果)

最新推荐文章于 2025-11-24 02:17:16 发布

原创最新推荐文章于 2025-11-24 02:17:16 发布 · 377 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#qq #menu #javascript #table #class #function

<SCRIPT language=javascript1.2>
function showsubmenu(sid)
{
var obj1= "ss" + sid;
whichEl = eval("submenu" + sid);
if (whichEl.style.display == "none")
{
eval("submenu" + sid + ".style.display='';");
document.getElementById(obj1).src='image/hide.gif';
}
else
{
eval("submenu" + sid + ".style.display=/"none/";");
document.getElementById(obj1).src='image/show.gif';
}
}
</SCRIPT>
<table cellpadding=0 cellspacing=0 width=200 align=center>
<tr id=menuTitle4 onClick="showsubmenu(<%=i%>)" style="cursor: hand">
    <td width="190" height=25 valign="middle" background="image/bg.GIF" class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; >
      <span>大类</span> </td>
    <td width="25"><img src="image/hide.GIF" width="25" height="25" id="ss<%=i%>"></td>
</tr>
<tr>
    <td colspan="2" style="display:none;" id='submenu<%=i%>'>
<div class=sec_menu style="width:158" >
<table cellpadding=0 cellspacing=0 align=center width=200>

    <tr><td height=20> <a href="#">内容</td></tr>
     </table>
</div></td>
</tr>
</table>