- 方法一:
-
- 在GridView的
-
- protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
- {
- if (e.Row.RowType == DataControlRowType.DataRow)
- {
- e.Row.Attributes.Add("onMouseOver", "SetNewColor(this);");
- e.Row.Attributes.Add("onMouseOut", "SetOldColor(this);");
- }
- }
-
- 在頁面中加入
-
- <SCRIPT language=javascript>
- var _oldColor;
- function SetNewColor(source)
- {
- _oldColor=source.style.backgroundColor;
- source.style.backgroundColor='#666666';
-
- }
- function SetOldColor(source)
- {
- source.style.backgroundColor=_oldColor;
- }
- </SCRIPT>
-
-
-
- 方法二:
-
- protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
- {
- if (e.Row.RowType == DataControlRowType.DataRow)
- {
- e.Row.Attributes["onMouseOver"] = "js.ItemOver(this)";
- }
- }
-
- 在頁面上加入
-
- <SCRIPT language=javascript type=text/javascript>
- var js=new function(){
- if (!objbeforeItem){var objbeforeItem=null;var objbeforeItembackgroundColor=null;}
- this.ItemOver=function(obj)
- {
- if(objbeforeItem){objbeforeItem.style.backgroundColor = objbeforeItembackgroundColor;}
- objbeforeItembackgroundColor = obj.style.backgroundColor;
- objbeforeItem = obj;
- obj.style.backgroundColor = "#fcfcfc";
- }
-
- }
- </SCRIPT>
-
- 方法三:
-
- protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
- {
- if (e.Row.RowType == DataControlRowType.DataRow)
- {
-
- e.Row.Attributes.Add("OnMouseOut", "this.style.backgroundColor='White';this.style.color='#003399'");
- e.Row.Attributes.Add("OnMouseOver", "this.style.backgroundColor='#6699FF';this.style.color='#8C4510'");
-
-
- e.Row.Attributes["style"] = "Cursor:hand";
- }
- }
|