<html>
<script>
function show()
{
document.getElementById('menu').style.display='';
}
function no_show()
{
document.getElementById('menu').style.display='none';
}
</script>
<table>
<tr onmouseover="show();" onmouseout="no_show();">
<td>here</td>
</tr>
<tr id='menu' style="display:none" >
<td>menu</td>
</tr>
</table>
</html>

解决方案 »

  1.   


    <html>
    <script>
    function show()
    {
    document.getElementById('menu').style.display='';
    }
    function no_show()
    {
    document.getElementById('menu').style.display='none';
    }
    </script>
    <table>
    <tr onmouseover="show();" onmouseout="no_show();">
    <td>here</td>
    </tr>
    <tr id='menu' style="display:none" >
    <td>menu</td>
    </tr>
    </table>
    </html>
      

  2.   


    <html>
    <script>
    function show()
    {
    document.getElementById('menu').style.display='';
    }
    function no_show()
    {
    document.getElementById('menu').style.display='none';
    }
    </script>
    <table>
    <tr onmouseover="show();" onmouseout="no_show();">
    <td>here</td>
    </tr>
    <tr id='menu' style="display:none" >
    <td>menu</td>
    </tr>
    </table>
    </html>
      

  3.   


    <html>
    <head><title>鼠标js小例子</title>
    <style type="text/css">
    .y_isearch {width:400px;}
    .y_isearchm {width:400px;height:25px;;text-align:left;padding-top:5px;}
    .y_isearchmd{width:52px;height:24px;border-top:#B4CCEB 1px solid;border-left:#B4CCEB 1px solid;border-right:#B4CCEB 1px solid;background:#FFF;font-weight:bold;color:#555;float:left;margin:0 2px;line-height:24px;text-align:center;cursor:pointer;}
    .y_isearchms{width:52px;height:25px;float:left;line-height:25px;text-align:center;margin:0 2px;}
    .y_isearchc {width:400px;height:32px;padding-top:10px;font-size:14px;padding-left:10px;cursor:pointer;}
    .y_isearchc2 {width:400px;height:32px;padding-top:10px;font-size:14px;padding-left:60px;cursor:pointer; visibility:hidden;}
    </style>
    <script>
    function shss(id,index,other,secod,three)
    {
    eval("document.getElementById('y_iw"+id+"').className='y_isearchmd'");
    eval("document.getElementById('y_iw"+index+"').className='y_isearchms'");
    eval("document.getElementById('y_iss"+id+"').style.display='block'");
    eval("document.getElementById('y_iss"+id+"').style.visibility='visible'");<!--当前子菜单可见-->
    eval("document.getElementById('y_iss"+index+"').style.display='none'");<!--另外一个子菜单隐藏-->
    }
    </script>
    </head>
    <body >
    <div class="y_isearch">
      <div class="y_isearchm">
        <div class="y_isearchmd" id="y_iw1" onMouseOver="shss(1,2)">菜单1</div><!--一级主菜单-->
        <div class="y_isearchms" id="y_iw2" onMouseOver="shss(2,1)">菜单2</div><!--二级主菜单-->
      </div>
     
      <div >
        <div id="y_iss1" class="y_isearchc">菜单1-1<br>菜单1-2<br>菜单1-3</div><!--一级子菜单-->
        <div id="y_iss2" class="y_isearchc2">菜单2-1<br>菜单2-2<br>菜单2-3</div><!--二级子菜单-->
      </div>
    </div> 
    </body>
    </html>