GridView控件添加高亮效果，并随着鼠标的移动所在行的颜色发生变化

说明：随着鼠标的移动，鼠标在GridView的所在行的颜色发生变化，而在鼠标滑走后，所在行恢复原来的颜色，当鼠标点击所在行时，该行的颜色发生变化。
代码如下：

 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            //if(e.Row.RowType == DataControlRowType.DataRow)
            //{
            //    e.Row.Attributes.Add("onmouseover", "currentcolor=this.style.backgroundColor;this.style.backgroundColor='#6699ff'");
            //    e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentColor;");
            //}

            //加入鼠标滑过的高亮效果 
            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';");
            }

        }

效果图展示：
图1：

图2：

图3：