鼠标指向表格中的一行时，该行背景色改变；点击行时，突出显示标记颜色

<html>
<head>
<script language=javascript>
/************************************************************************
*函数名：ChangeRowBg(row)
*功能描述：鼠标指向表格中的一行时，该行背景色改变，点击行时，突出显示标记颜色
*注:1.在tr中添加事件:onmouseover,onmouseout,onmousedown
*   2.在tr中如有下载链接(如下载Word文档)，请将target设为_blank，否则可能出js错
*入    参：row--tr对象
*创建人：夏春涛 xchuntao@163.com qq:23106676
*创建时间：2005-07-01
************************************************************************/
//全局变量
var OldRowBgColor;
var NewRowBgColor = "#b5c5e6"; //用小写
var MarkRowBgColor = "#ff9933"; //用小写
function ChangeRowBg(row)
{
if (event.type=='mouseover')
{
  /*
  RowBgColor = event.srcElement.parentElement.bgColor;
  event.srcElement.parentElement.bgColor = "#b5c5e6";
  */
  /*
  RowBgColor = event.srcElement.parentElement.style.backgroundColor
  event.srcElement.parentElement.style.backgroundColor = "#b5e5e6";
  */
  OldRowBgColor = row.style.backgroundColor
  row.style.backgroundColor = NewRowBgColor

}
else if (event.type=='mouseout')
{
     row.style.backgroundColor = OldRowBgColor;
}
else if (event.type=='mousedown')
{
  if (row.style.backgroundColor != MarkRowBgColor)
  {
   row.style.backgroundColor = MarkRowBgColor;
   row.onmouseout = function(){return false;}
   row.onmouseover= function(){return false;}
     }
     else
     {
   row.style.backgroundColor = NewRowBgColor ;
   row.onmouseout = function(){ ChangeRowBg(row);}
   row.onmouseover= function(){ ChangeRowBg(row);}
     }
}
}
</script>
</head>
<body>
<table align=center width=500 bgcolor="#669999" border=1 cellspacing=0>
<tr onmouseover="ChangeRowBg(this)" onmouseout="ChangeRowBg(this)" onmousedown="ChangeRowBg(this)" >
<td>TestData</td>
<td><a target=_blank href="new.htm">TestLink</td>
</tr>
<tr onmouseover="ChangeRowBg(this)" onmouseout="ChangeRowBg(this)" onmousedown="ChangeRowBg(this)" >
<td>TestData</td>
<td><a target=_blank href="new.htm">TestLink</td>
</tr>
<tr onmouseover="ChangeRowBg(this)" onmouseout="ChangeRowBg(this)" onmousedown="ChangeRowBg(this)" >
<td>TestData</td>
<td><a target=_blank href="new.htm">TestLink</td>
</tr>
<tr onmouseover="ChangeRowBg(this)" onmouseout="ChangeRowBg(this)" onmousedown="ChangeRowBg(this)" >
<td>TestData</td>
<td><a target=_blank href="new.htm">TestLink</td>
</tr>
<tr onmouseover="ChangeRowBg(this)" onmouseout="ChangeRowBg(this)" onmousedown="ChangeRowBg(this)" >
<td>TestData</td>
<td><a target=_blank href="new.htm">TestLink</td>
</tr>
</table>
</body>
</html>
//--------在asp.net中的应用(对Datagrid利用如下函数进行初始化)：--------

public void ChangeRowBg(DataGrid grdTable)
  {
     for(int i=0;i<grdTable.Items.Count;i++)
     {
       grdTable.Items[i].Attributes.Add("onmouseover","ChangeRowBg(this)");
       grdTable.Items[i].Attributes.Add("onmouseout","ChangeRowBg(this)");
       grdTable.Items[i].Attributes.Add("onmousedown","ChangeRowBg(this)");
     }
  }