Asp.Net中GridView加入鼠标滑过的高亮效果和单击行颜色改变

 

 

转载自：http://www.cnblogs.com/fly_dragon/archive/2010/09/03/1817252.html

 

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        //鼠标经过改编颜色
        if (e.Row.RowType == DataControlRowType.DataRow)//判定当前的行是否属于datarow类型的行
        {

            //当鼠标放上去的时候 先保存当前行的背景颜色 并给附一颜色

            e.Row.Attributes.Add("onmouseover", "currentcolor=this.style.backgroundColor;this.style.backgroundColor='yellow',this.style.fontWeight='';");

            //当鼠标离开的时候 将背景颜色还原的以前的颜色

            e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentcolor,this.style.fontWeight='';");
        }


        //单击行改变行背景颜色
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            e.Row.Attributes.Add("onclick", "this.style.backgroundColor='#99cc00'; this.style.color='buttontext';this.style.cursor='default';");
        }
    }