Question

怎么用JS控制表格中<tr>的onmouseover和onmouseout事件

让鼠标悬浮在每一行时行的颜色变化，离开第一行时颜色变化
是离开每一行时颜色变化

Answer 1

循环所有行，给每行添上这两个事件。
每一行都用一个<a></a>
然后写<a>的CSS
<style type="text/css">
<!--
a.tra : hover {color: #FF00FF; }
-->
</style>
<table width="200" border="0">
<tr><a class="tra">
<td style="">efdsfaf</td>
<td>dsfdfa</td></a>
</tr>
<tr><a class="tra" >
<td>sdfsaf</td>
<td>dfasdfsdf</td></a>
</tr>
</table>

Answer 2

每一行都用一个<a></a>
然后写<a>的CSS
<style type="text/css">
<!--
a.tra : hover {color: #FF00FF; }
-->
</style>
<table width="200" border="0">
<tr><a class="tra">
<td style="">efdsfaf</td>
<td>dsfdfa</td></a>
</tr>
<tr><a class="tra" >
<td>sdfsaf</td>
<td>dfasdfsdf</td></a>
</tr>
</table>
这样应该就可以了

Answer 3

每一行都用一个<a></a>
然后写<a>的CSS
<style type="text/css">
<!--
a.tra : hover {color: #FF00FF; }
-->
</style>
<table width="200" border="0">
<tr><a class="tra">
<td style="">efdsfaf</td>
<td>dsfdfa</td></a>
</tr>
<tr><a class="tra" >
<td>sdfsaf</td>
<td>dfasdfsdf</td></a>
</tr>
</table>

Answer 4

定义个javascript函数
<script>
function a(){
alert("1");
}
</script>

<tr onmouseover()='javascript:a();'><tr>
或者直接 <tr onmouseover()='javascript:alert("1");'><tr>

Answer 5

$("#ID").mouseover(function(){
alert();

})

这样写