鼠标移过GridView的行,前景色和背景色发生变化

<script type="text/javascript">function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}</script>  

 1、右击“GridView ”,选择“属性”--“事件”,选择“数据”下的“RowDataBound ”属性,双击它。

 

2、在“GridView1_RowDataBound ”方法下加入下列代码:

 

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

 }

 

3、保存所有文件,运行一下,发现鼠标在“GridView ”表格范围内移动时,每行的背景色发生变化,文字的颜色也变了。

 

4、这个小计巧很实用,可以很醒目地查看正在查看的记录。

 

5、以上资料来自 【ChengKing(ZhengJian)】 的博客,在此感谢!

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值