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

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

以上就是asp.net Gridview数据列中实现鼠标悬浮变色。或许,此时的他很普通,但谁能说普通中不孕育着巨大呢?更多关于asp.net Gridview数据列中实现鼠标悬浮变色请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
VS+opencv实现鼠标移动图片

C#开发微信 二维码鼠标滑动 图像显示隐藏效果(推荐)

asp.net中GridView数据鼠标移入显示提示信息

为GridView的行添加鼠标经过、点击事件的小例子

repeater隔行换色与鼠标停留在上面达到变色效果