GridView鼠标移动行变色

第一种方法

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