<script>
var bFlg = false;
var preRowIndex=0;
function colorReversion(target, object) {
if (!bFlg) {
bFlg = true;
var trs = document.getElementById(target).rows;
for ( var i = 0; i < trs[preRowIndex].cells.length; i++) {
trs[preRowIndex].cells[i].style.background = '#FFFFFF';
}
preRowIndex=object.rowIndex;
for ( var i = 0; i < trs[object.rowIndex].cells.length; i++) {
trs[object.rowIndex].cells[i].style.background = '#B1CBEC';
}
bFlg = false;
}
}
</script>
<div style="margin-left: 10px; margin-top: 10px; ">
<table id="listTable"" style="width: 97%;" border="1">
<tr onclick="javascript:colorReversion('listTable',this)">
<td>
1111111111111
</td>
<td>
2222222222222222
</td>
<td>
33333333333333333
</td>
<td>
44444444444444
</td>
</tr>
<tr onclick="javascript:colorReversion('listTable',this)">
<td>
1111111111111
</td>
<td>
2222222222222222
</td>
<td>
33333333333333333
</td>
<td>
44444444444444
</td>
</tr>
<tr onclick="javascript:colorReversion('listTable',this)">
<td>
1111111111111
</td>
<td>
2222222222222222
</td>
<td>
33333333333333333
</td>
<td>
44444444444444
</td>
</tr>
<tr onclick="javascript:colorReversion('listTable',this)">
<td>
1111111111111
</td>
<td>
2222222222222222
</td>
<td>
33333333333333333
</td>
<td>
44444444444444
</td>
</tr>
</table>
</div>
颜色变换
最新推荐文章于 2024-08-27 09:41:07 发布