7.鼠标移到GridView某一行时改变该行的背景色方法二：

最新推荐文章于 2014-12-17 12:50:43 发布

原创最新推荐文章于 2014-12-17 12:50:43 发布 · 416 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#object #c

gridview 专栏收录该内容

20 篇文章

订阅专栏

本文介绍如何使用 ASP.NET 中的 GridView 控件为数据行添加鼠标悬停时改变背景颜色的效果，通过简单易懂的代码实现增强用户体验。

效果图：

做法：和上面的一样就是代码不同
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        //int i;
        ////执行循环，保证每条数据都可以更新
        //for (i = 0; i < GridView1.Rows.Count; i++)
        //{
        //    //首先判断是否是数据行
        //    if (e.Row.RowType == DataControlRowType.DataRow)
        //    {
        //        //当鼠标停留时更改背景色
        //        e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#00A9FF'");
        //        //当鼠标移开时还原背景色
        //        e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c");
        //    }
        //}
        //如果是绑定数据行
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            //鼠标经过时，行背景色变
            e.Row.Attributes.Add("onmouseover", "this.style.backgroundColor='#E6F5FA'");
            //鼠标移出时，行背景色变
            e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor='#FFFFFF'");
        }