GridView实现光棒效果

光棒效果其实也不算难,它就是改变了一下某行的背景色而已,在样式表中,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")
    }
}