给GridView里的行加上鼠标滚动效果

最新推荐文章于 2025-08-06 14:36:16 发布

原创最新推荐文章于 2025-08-06 14:36:16 发布 · 645 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

ASP.Net(C#) 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用 ASP.NET 中的 GridView 控件实现鼠标悬停时改变行背景颜色的效果，并通过 JavaScript 实现行样式的动态切换。具体包括设置 GridView 的 RowDataBound 事件来添加自定义的 onmouseover 和 onmouseout 事件处理程序，以及实现相应的 JavaScript 函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

protected void gv_Main_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            e.Row.Attributes.Add("id", "tr_" + e.Row.RowIndex.ToString());
            e.Row.Attributes.Add("onmouseover", "onmouse(/"" + "tr_" + e.Row.RowIndex.ToString() + "/")");
            e.Row.Attributes.Add("onmouseout", "mouseout(/"" + "tr_" + e.Row.RowIndex.ToString() + "/")");
        }

<script language="javascript" type="text/javascript">
var orgColor;
function onmouse(rowId)
{
    var myRow = document.getElementById(rowId);
    orgColor = myRow.style.backgroundColor;
    myRow.style.backgroundColor= "Red";
    myRow.align = "center";
}
function mouseout(rowId)
{
    var myRow = document.getElementById(rowId);
    myRow.style.backgroundColor= orgColor;
    myRow.align = "left";
}
</script>