鼠标放上去显示层 DIV

<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
td {
 font-family: "宋体";
 font-size: 12px;
}
</style> 
<script type="text/javascript">
 function show(obj){  
  document.getElementById('testShowDivBlock').style.display="block";
  obj.style.background="#FF9933";
 }  
 function hide(obj){  
  document.getElementById('testShowDivBlock').style.display="none";
  obj.style.background="#FFFFFF";  
 } 
 </script>
 </head>

 <body>

<table>  
 <tr>
  <td with="80px"></td>
  <td id='h' onMouseOver="javascript:show(this);" onMouseOut=hide(this); style="cursor:hand">鼠标放上去1</td>  
 </tr>  
</table>  
<br> <br> <br> <br>
 <table>  
 <tr>
  <td with="80px"></td>
  <td id='h' onMouseOver="javascript:show(this);" onMouseOut=hide(this); style="cursor:hand">鼠标放上去2</td>  
 </tr>  
</table>


 
 <div id="testShowDivBlock" style="position:absolute;display:none;">
     <table width="194" height="101" border="0" cellpadding="0" cellspacing="1" bgcolor="#C1F0FF">
   <tr align="center" bgcolor="#DFF8FF">
      <td><strong>语1文</strong></td>
   <td><strong>数学</strong></td>
   <td><strong>英语</strong></td>
   </tr>
   <tr align="center" bgcolor="#FBFEFF">
      <td>120</td>
   <td>113</td>
   <td>127</td>
   </tr>
   <tr align="center" bgcolor="#DFF8FF">
   <td><strong>语文</strong></td>
   <td><strong>数学</strong></td>
   <td><strong>英语</strong></td>
   </tr>
   <tr align="center" bgcolor="#FBFEFF"><td>120</td>
   <td>113</td>
   <td>127</td>
   </tr>
  </table>
</div>
 </body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值