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");
}
}