高亮显示与单双行（转）

1.gridview

双击GridView的OnRowDataBound事件； 在后台的GridView1_RowDataBound()方法添加代码，最后代码如下所示：

protectedvoidGridView1_RowDataBound(objectsender, GridViewRowEventArgs e)

{ //首先判断是否是数据行

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

{ //当鼠标停留时更改背景色

e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#C0C0C0'"); //当鼠标移开时还原背景色

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

}

}

2.repeater，DataList

DataList 和 Repeater 在 HTML界面表格<tr>标记中加入如下代码:

onmouseover="this.style.backgroundColor='#C0C0C0'"onmouseout="this.style.backgroundColor='' "

3. 单双行不同的颜色。而且鼠标移动上去可以变换颜色

<script type="text/javascript">functionfOver(obj){ c=obj.style.backgroundColor; obj.style.backgroundColor="#CAD3E4"; } functionfOut(obj){ obj.style.backgroundColor=c; } </script>

<asp:Repeater ID="rptUser"runat="server"><ItemTemplate><tr style='background-color:<%#(Container.ItemIndex%2==0)?"red":"green"%>' onmouseover="fOver(this);" onmouseout="fOut(this);"> <td><%#Eval("UID")%></td></tr></ItemTemplate></asp:Repeater>