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

原创

guangrou 2022-06-05 01:52:41 ©著作权

文章标签 GridView Asp.Net 背景颜色 taro asp.net 文章分类 Java 后端开发

©著作权归作者所有：来自51CTO博客作者guangrou的原创作品，请联系作者获取转载授权，否则将追究法律责任

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

        }