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

        }   

    }