<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>
<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>
<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>
<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>