给GridView里的行加上鼠标滚动效果

 

1. protected void gv_Main_RowDataBound(object sender, GridViewRowEventArgs e)
2.         {
3.             e.Row.Attributes.Add("id", "tr_" + e.Row.RowIndex.ToString());
4.             e.Row.Attributes.Add("onmouseover", "onmouse(/"" + "tr_" + e.Row.RowIndex.ToString() + "/")");
5.             e.Row.Attributes.Add("onmouseout", "mouseout(/"" + "tr_" + e.Row.RowIndex.ToString() + "/")");
6.         }

 

1. <script language="javascript" type="text/javascript">
2. var orgColor;
4. function onmouse(rowId)
5. {
6.     var myRow = document.getElementById(rowId);
7.     orgColor = myRow.style.backgroundColor;
8.     myRow.style.backgroundColor= "Red";
9.     myRow.align = "center";
10. }
12. function mouseout(rowId)
13. {
14.     var myRow = document.getElementById(rowId);
15.     myRow.style.backgroundColor= orgColor;
16.     myRow.align = "left";
17. }
18. </script>