zoukankan
html css js c++ java
GridView鼠标移动行变色
方法一:
在GridView的
protected
void
GridView1_RowDataBound(
object
sender, GridViewRowEventArgs e)
{
if
(e.Row.RowType
==
DataControlRowType.DataRow)
{
e.Row.Attributes.Add(
"
onMouseOver
"
,
"
SetNewColor(this);
"
);
e.Row.Attributes.Add(
"
onMouseOut
"
,
"
SetOldColor(this);
"
);
}
}
在页面中加入
<
SCRIPT language
=
javascript
>
var _oldColor;
function SetNewColor(source)
{
_oldColor
=
source.style.backgroundColor;
source.style.backgroundColor
=
'
#666666
'
;
}
function SetOldColor(source)
{
source.style.backgroundColor
=
_oldColor;
}
</
SCRIPT
>
方法二:
protected
void
GridView1_RowDataBound(
object
sender, GridViewRowEventArgs e)
{
if
(e.Row.RowType
==
DataControlRowType.DataRow)
{
e.Row.Attributes[
"
onMouseOver
"
]
=
"
js.ItemOver(this)
"
;
}
}
在页面上加入
<
SCRIPT language
=
javascript type
=
text
/
javascript
>
var js
=
new
function()
{
if
(
!
objbeforeItem)
{var objbeforeItem
=
null
;var objbeforeItembackgroundColor
=
null
;}
this
.ItemOver
=
function(obj)
{
if
(objbeforeItem)
{objbeforeItem.style.backgroundColor
=
objbeforeItembackgroundColor;}
objbeforeItembackgroundColor
=
obj.style.backgroundColor;
objbeforeItem
=
obj;
obj.style.backgroundColor
=
"
#fcfcfc
"
;
}
}
</
SCRIPT
>
方法三:
protected
void
GridView1_RowDataBound(
object
sender, GridViewRowEventArgs e)
{
if
(e.Row.RowType
==
DataControlRowType.DataRow)
{
//
鼠标移动到每项时颜色交替效果
e.Row.Attributes.Add(
"
OnMouseOut
"
,
"
this.style.backgroundColor='White';this.style.color='#003399'
"
);
e.Row.Attributes.Add(
"
OnMouseOver
"
,
"
this.style.backgroundColor='#6699FF';this.style.color='#8C4510'
"
);
//
设置悬浮鼠标指针形状为"小手"
e.Row.Attributes[
"
style
"
]
=
"
Cursor:hand
"
;
}
}
//
----------------------------------------
protected
void
GridView1_RowDataBound(
object
sender, GridViewRowEventArgs e)
{
if
(e.Row.RowType
==
DataControlRowType.DataRow)
//
判断是否是DataRow,以防止鼠标经过Header也有效果
{
e.Row.Attributes.Add(
"
onmouseover
"
,
"
e=this.style.backgroundColor; this.style.backgroundColor='#cccccc'
"
);
e.Row.Attributes.Add(
"
onmouseout
"
,
"
this.style.backgroundColor=e
"
);
}
}
查看全文
相关阅读:
Linux(Contos7.5)环境搭建之JDK1.8安装(二)
python微信域名或者链接批量检测
表单设计器3-查询面板
表单设计器2-表格布局
表单设计器1-基本操作
信息无障碍国内标准
信息无障碍国际标准
信息无障碍服务对象
信息无障碍定义
E8.Net工作流开发问题
原文地址:https://www.cnblogs.com/juan/p/1424642.html
最新文章
使用.NET Core 2.1的Azure WebJobs
c# 调用7za.exe执行压缩命令
windows搭建rabbitmq ha
windows console 控制台自启动
删除n天前的文件或文件夹 bat批处理
基于.net core webapi和mongodb的日志系统
linux centos7 erlang rabbitmq安装
centos7 lua安装
NPOI+反射+自定义特性实现上传excel转List及验证
appcmd创建站点、应用程序、虚拟目录批处理程序
热门文章
.NET Excel导出方法及其常见问题详解
java web 3.1-web.xml文件配置
spring boot+mybatis+swagger搭建
spring-boot+swagger实现WebApi文档
Maven打包jar类库
mybatis学习(一)
MariaDB远程连接问题
FileZilla-FTP连接失败
以太网身份验证拨号连接
Linux(Contos7.5)环境搭建之Gitblit安装(三)
Copyright © 2011-2022 走看看