光棒效果其实也不算难,它就是改变了一下某行的背景色而已,在样式表中,backgroundColor属性用于是设置对象的背景色,使用JavaScript是,我们可以通过this.style.backgroundColor来获得或者设置某对象的背景色.
我们只需要给高亮显示的行添加两个事件onmouseover和onmouseout.
onmouseover在鼠标移动到对象所在区域是执行,而onmouseout在鼠标离开对象搜在区域时执行.
我们可以在这两个事件上编写代码,实现高亮效果,那么我们在表格中的每一行添加这两个事件就可以了,但是表格的行是绑定生成的.
在GridView中,有一个OnRowDataBound行绑定事件,我们可以在绑定行的时候,设置当潜航的鼠标移动效果.
protected void gvBooks_RowDataBound(object sender,GridViewRowEventArgs e)
{
if(e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Attributes.Add("onmouseover",
"currentcolor=this.style.backgroundColor;this.style.backgroundColor=#6699ff")
e.Row.Attributes.Add("onmouseout","this.style.backgroundColor=currentcolor")
}
}
GridView光棒效果
最新推荐文章于 2019-03-13 11:29:10 发布