在Table中鼠标单击行变色
<html>
<head>
<title>
</title>
</head>
<style type="text/css">
.over{background-color:#C6D7E7;}
.out{background-color:#FFF7E7;}
</style>
<script language="javascript">
var obj_tr
function change(tr)
{
if(tr.tagName=="TR")
{
tr.className='over'
if(obj_tr!=null) obj_tr.className="out"
obj_tr=tr
alert('Hello');
}
}
</script>
<body>
<table border=1 width=200 onclick="change(event.srcElement.parentElement)">
<tr class="out"> <td>测试一</td> <td>测试一</td></tr>
<tr class="out"> <td>测试一</td> <td>测试一</td></tr>
<tr class="out"> <td>测试一</td> <td>测试一</td></tr>
<tr class="out"> <td>测试一</td> <td>测试一</td></tr>
</table>
</body>
</html>
思想还是要循环<tr> 然后给它们付不同的css样式值.
无论是DataGrid,还是GridView 还是其他些的数据控件,被.net编译完都是以<Table>表格的形式表现的。
学习,积累中......