<input type=button value=showhide onclick="document.all.menu.style.display=document.all.menu.style.display=='block'?'none':'block'">
<div id=menu style='display:none'>menu</div>

解决方案 »

  1.   

    用 javascript的要不要?
    <script language=javascript>
    <!--
    function show(i)
    {
    cc=eval("dian"+i)
    cc.src="images/dian05.gif"
    }
    function hide(i)
    {
    dd=eval("dian"+i)
    dd.src="images/dian02.gif"
    }
    function showAction(i){
    eval("lay0"+i+".style.display =''")
    show(i);
    }function hideAction(i){
    eval("lay0"+i+".style.display ='none'")
    hide(i);
    }
    <!--
    var curdivnumt=6
    //-->function MM_openBrWindow(theURL,winName,features) { //v2.0
      window.open(theURL,winName,features);
    }
    //-->
    </script>
    <table border=0 cellpadding=0 cellspacing=0 width=164 bgcolor="#FFFFFF">
    <tr><td height=1 colspan=2 bgcolor="#FFFFFF" width="164"><img src=images/c.gif width=1 height=1></td></tr>
    <tr><td height=23 colspan=2 bgcolor="#d2e1ff" width="164"><font color="#004d99">&nbsp;<b><font color="#0066ff">↓&nbsp; 
              产 品 导 航</font></b></font></td></tr>
    <tr><td height=1 colspan=2 bgcolor=#2C49A0 width="164"><img src=images/c.gif width=1 height=1></td></tr>
    <tr onMouseOut=hideAction(1) onMouseOver=showAction(1)>
              <td height=20 width=33 align=center>
              <img src=../images/dian02.gif id=dian1 width=8 height=8 border=0></td>
    <td width=131 height="20"><a href="/software/wos/" class="link2">网络办公系统</a></td>
    </tr>
    <!------------隐藏层--------->
    <tr bgcolor="#FFFFFF" id=lay01 style="display:none" onMouseOut=hideAction(1) onMouseOver=showAction(1)>
    <td colspan=2 width="164">
    <table border=0 width=163 cellspacing=0 cellpadding=0>
    <tr><td height=1 colspan=2 bgcolor=#2C49A0 width="163"><img src=images/c.gif width=1 height=1></td></tr>
    <tr><td width="28" height="20" align="center"> </td>
    <td width="135" class="link4"><a href="/software/wos/cpgs.asp" class="link4"><span class="ooo"><font color="#999999">●</font>&nbsp;&nbsp;</span>产品概述</a></td>
    </tr>
    <tr><td width="28" height="20" align="center"> </td>
    <td width="135" class="link4"><a href="/software/wos/cptd.asp" class="link4"><span class="ooo"><font color="#999999">●</font>&nbsp;&nbsp;</span>产品特点</a></td>
    </tr>
    <tr><td width="28" height="20" align="center"> </td>
    <td width="135" class="link4"><a href="/software/wos/cpjg.asp" class="link4"><span class="ooo"><font color="#999999">●</font>&nbsp;&nbsp;</span>产品架构</a></td>
    </tr>
    <tr><td width="28" height="20" align="center"> </td>
    <td width="135" class="link4"><a href="/software/wos/gnmk.asp" class="link4"><span class="ooo"><font color="#999999">●</font>&nbsp;&nbsp;</span>功能模块</a></td>
    </tr>
    <tr><td width="28" height="20" align="center"> </td>
        <td width="135" class="link4"><a href="/software/wos/yxhj.asp" class="link4"><span class="ooo"><font color="#999999">●</font>&nbsp;&nbsp;</span>运行环境</a></td>
        </tr>
    <tr><td width="28" height="20" align="center"> </td>
    <td width="135" class="link4"><a href="/software/wos/khfw.asp" class="link4"><span class="ooo"><font color="#999999">●</font>&nbsp;&nbsp;</span>客户服务</a></td>
    </tr>
    </table>
      

  2.   

    style 中有个visibility:   你响应鼠标事件的时候改它就好拉