实现鼠标移动到Gridview上的行是变色

1. 您可以參考下列作法:
3. Code Snippet  protected void GridView_RowDataBound(object sender, GridViewRowEventArgs e)
4.     {
5.             e.Row.Attributes.Add("onMouseOver", "SetNewColor(this);");
6.             e.Row.Attributes.Add("onMouseOut", "SetOldColor(this);");
7.         }
13. 然後Javascript可以這樣設定:
16. Code Snippet        var _oldColor;
17.         function SetNewColor(source)
18.         {
19.           _oldColor = source.style.backgroundColor;
20.           source.style.backgroundColor = '#EEFE96';  //這是要變化的顏色
21.         }
23.         function SetOldColor(source)
24.         {
25.            source.style.backgroundColor = _oldColor;
26.         }

 

或者是这里的做法：

1. protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
2.     {
3.             //当鼠标放上去的时候 先保存当前行的背景颜色 并给附一颜色
4.              e.Row.Attributes.Add("onmouseover", "currentcolor=this.style.backgroundColor;this.style.backgroundColor='yellow',this.style.fontWeight='';");
5.             //当鼠标离开的时候 将背景颜色还原的以前的颜色
6.              e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentcolor,this.style.fontWeight='';");  
7.         //单击行改变行背景颜色
8. 　           e.Row.Attributes.Add("onclick","this.style.backgroundColor='#99cc00'; this.style.color='buttontext';this.style.cursor='default';");
9.          }