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

老马

发布于 2022-05-10 07:26:18

1.6K00

代码可运行

文章被收录于专栏：老马寒门IT老马寒门IT

运行总次数：0

代码可运行

下面是Asp.Net中GridView鼠标滑过的样式改变和单击时候样式改变的代码：

//加入鼠标滑过的高亮效果

        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';");

        }