在鼠标经过时,的 背景变颜色

本文介绍了一种使用JavaScript实现鼠标悬停时改变HTML表格单元格背景颜色的方法。通过监听鼠标移动和移出事件,当鼠标指针移动到表格单元格上时,单元格背景变为红色;当鼠标离开时,背景恢复为白色。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在鼠标经过时,<table>的<td> 背景变颜色
<script   language="JavaScript">  
  <!--  
  function   fmove(){  
    var   e=event.srcElement;  
    if(e.tagName=="TD"){  
      e.parentNode.style.backgroundColor="red";  
      }  
  }  
  function   fout(){  
    var   e=event.srcElement;  
    if(e.tagName=="TD"){  
      e.parentNode.style.backgroundColor="white";  
      }  
  }  
  //-->  
  </script>  
  <table   style="border:1   solid   black"   onmousemove="fmove()"   onmouseout="fout()">  
  <tr><td>11</td><td>12</td></tr>  
  <tr><td>21</td><td>22</td></tr>  
  <tr><td>31</td><td>32</td></tr>  
  </table>  
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值