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

2022-05-10 15:26:18 浏览数 (3)

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

代码语言:javascript复制
//加入鼠标滑过的高亮效果

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

        }

0 人点赞