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

被折叠的 条评论
为什么被折叠?



