子风.NET 进阶中......

路途多艱,唯勤是岸

 

在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>表格的形式表现的。

posted on 2007-05-25 11:10  子风  阅读(1156)  评论(0编辑  收藏  举报

导航