滑鼠經過Tabel的tr tr的背景色變換
阿新 • • 發佈:2019-02-06
<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>
<!--
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>