asp.net Gridview数据列中实现鼠标悬浮变色

  功能描述:

  在gridview中,鼠标在这个控件的数据列表中移动时,该列的背景随鼠标的移动而改变背景颜色。

  功能实现:

  在gridview中新增一个事件RowDataBound,代码如下:

  

复制代码 代码如下:

  protected void gvwNews_RowDataBound(object sender, GridViewRowEventArgs e)

  {

  if (e.Row.RowType == DataControlRowType.DataRow)

  {

  e.Row.Attributes.Add("onmouseover", "color = this.style.backgroundColor;this.style.backgroundColor='#EAFCD5'");

  e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=color");

  e.Row.Attributes.Add("onclick", "ClickRow()");

  }

  }

  其中的onclick事件是控制选择行首的复选框的,点击行便实现"点击"复选框一样的效果。代码如下:

  

复制代码 代码如下:

  function ClickRow()

  {

  var obj = event.srcElement.parentElement.firstChild.firstChild.tagName;

  alert(obj);

  if(obj!=null && obj.tagName+""!="undefined")

  {

  obj.checked=obj.checked ? false : true;

  }

  }

  简单的几行代码所需功能就可以实现了。