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"; } } // ----------------------------------------
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) {
if (e.Row.RowType == DataControlRowType.DataRow) // 判断是否是DataRow，以防止鼠标经过Header也有效果 { e.Row.Attributes.Add( " onmouseover ", " e=this.style.backgroundColor; this.style.backgroundColor='#cccccc' ");
e.Row.Attributes.Add( " onmouseout ", " this.style.backgroundColor=e ");
}
}