repeater单双行颜色不同,gridview repeater DataList 鼠标经过改变背景颜色

1.gridview

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

protected void GridView1_RowDataBound(object sender, 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='FloralWhite'"   onmouseout="this.style.backgroundColor='' "  

 

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

<script type="text/javascript">
function fOver(obj){
c
=obj.style.backgroundColor;
obj.style.backgroundColor
="#CAD3E4";
}
function fOut(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>

你可能感兴趣的:(GridView)