鼠标停留在GridView某一行时行的颜色改变

最新推荐文章于 2026-03-28 03:14:40 发布

原创最新推荐文章于 2026-03-28 03:14:40 发布 · 543 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#object

本文介绍如何使用ASP.NET中的GridView控件实现行在鼠标悬停时改变背景颜色的效果，并在鼠标移开时恢复原色。通过添加RowDataBound事件处理程序，利用onmouseover和onmouseout属性动态修改行样式。

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看

protected void gvdegreetype_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            e.Row.Attributes.Add("onmouseover", "this.style.backgroundColor='GhostWhite'");
            e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor='white'");
        }
    }

---------------------------------------------

可以选择GRIDVIEW控件，然后双击RowDataBound事件

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
//当鼠标移到的时候设置该行颜色为""，并保存原来的背景颜色
e.Row.Attributes.Add("onmouseover", "currentcolor=this.style.backgroundColor;this.style.backgroundColor='#6699CC'");
//当鼠标移走时还原该行的背景色
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentcolor");
}

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看