js滑过整行变色

来源:百度知道 编辑:UC知道 时间:2024/05/24 12:23:56
var t=document.getElementById("senfe").getElementsByTagName("tr");
function senfe(obj)
{
for(var i=0;i<t.length;i++)
{
t[i].onmouseover=function()
{
if(t[i]==obj)this.style.backgroundColor="#ff9900";
if(t[i]!=obj)this.style.backgroundColor="#ffffff";
}
}
}
<TABLE id="senfe" cellSpacing=0 cellPadding=0 width="650px"
border=0>
<TBODY>
<TR>
<TD> sdsassasssassasa</td>
</tr>
<TR>
<TD> sdsassasssassasa</td>
</tr>
</TBODY>
</TABLE>

请高手看看怎么修改啊

function senfe(obj)
{
for(var i=0;i<obj.length;i++)
{
obj[i].onmouseover=function()
{
var tbody = this.parentNode;
if(tbody){

<style>
.onhover{ background-color:#006699}
.onout{ background-color:#FF0000}
</style>
<TABLE id="senfe" cellSpacing=0 cellPadding=0 width="650px"
border=0>
<TBODY>
<TR>
<TD> sdsassasssassasa</td>
</tr>
<TR>
<TD> sdsassasssassasa</td>
</tr>
</TBODY>
</TABLE>

<script>
var t=document.getElementById("senfe")
for(i=0;i<t.rows.length;i++)
{
t.rows[i].onmouseover=function(){this.className='onhover'}
t.rows[i].onmouseout=function(){this.className='onout'}
}
</script>