栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > asp

Asp.net GridView隔行变色和光棒效果2种方法实现

asp 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Asp.net GridView隔行变色和光棒效果2种方法实现

方法一:前台和后台配合使用
1.aspx 隔行变色属性()
复制代码 代码如下:
onRowCreated="gvProjectList_RowCreated">



1.aspx.cs 后台事件中设置鼠标至于某行上的变色效果
复制代码 代码如下:
protected void gvProjectList_RowCreated(object sender, GridViewRowEventArgs e)
{
e.Row.Attributes.Add("onmouseover", "currentcolor=this.style.backgroundColor;this.style.backgroundColor='#eaeaea';");//这是鼠标移到某行时改变某行的背景
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentcolor;");//鼠标移走时恢复
}

方法二:JQuery方式
1.aspx
首先引用 jQuery 函数库,在http://jquery.com/ 下载,然后写css样式,再加入js代码。
复制代码 代码如下:


复制代码 代码如下:

.even {
background:#F5F5F5;
}
.odd {
background:#FFFFFF;
}
.over{
background:#CDE6FF;
}
.tr_chouse {
background:#6AB1FF;
}


复制代码 代码如下:


2013年2月18日 13:57:30更新
复制代码 代码如下:

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/57854.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号