鼠標(biāo)移至表格中某一行時(shí)，此行高亮顯示。用Javascript實(shí)現(xiàn)的。ASP.NET和JAVA平臺(tái)都能使用，比較方便。試驗(yàn)了半天。如下代碼：
<html>
<head>
<title>鼠標(biāo)移至表格中某一行時(shí)，此行高亮顯示</title>
</head>
<body>
<table id="tb1">
<tr>
<td>a</td><td>b</td><td>c</td>
</tr>
<tr>
<td>a</td><td>b</td><td>c</td>
</tr>
<tr>
<td>a</td><td>b</td><td>c</td>
</tr>
<tr>
<td>a</td><td>b</td><td>c</td>
</tr>
<tr >
<td>a</td><td>b</td><td>c</td>
</tr>
</table>
<script>
var c;
var table1 = document.getElementById("tb1");
var rows =table1.getElementsByTagName('tr');
alert(rows.length);
for(var i=0;i<rows.length;i++)
{
var row = rows[i];
row. = function() {c=this.style.backgroundColor;this.style.backgroundColor='red';}
row. = function(){this.style.backgroundColor=c;}
}
</script>
</body>
</html>
可能有些朋友要用這種寫法：
row.setAttribute("onMouseOver","c=this.style.backgroundColor;this.style.backgroundColor='red'");
但是微軟的IE對(duì)DOM的setAttribute方法支持不好,用這種寫法寫了以后沒效果，可能在FireFox和谷歌瀏覽器中會(huì)成功。我剛剛試驗(yàn)了半天。那個(gè)郁悶哦...還好最后查到用這種寫法成功了。大家可以參考一下：
row. = function() {c=this.style.backgroundColor;this.style.backgroundColor='red';}
其中c這個(gè)變量時(shí)用來存放原始的backgroundColor，最后onmouseout的時(shí)候，要用c這個(gè)變量里面的值還原初始的backgroundColor。
轉(zhuǎn)載：
本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)
點(diǎn)擊舉報(bào)。
