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

 

转载于:https://www.cnblogs.com/zhangxin1989/archive/2012/08/17/2644112.html

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值