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>标记中加入如下代码:

οnmοuseοver="this.style.backgroundColor='FloralWhite'" οnmοuseοut="this.style.backgroundColor='' "

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

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

转载于:https://www.cnblogs.com/dodui/p/3650464.html

repeater单双行颜色不同，gridview repeater DataList 鼠标经过改变背景颜色相关推荐

gridview repeater DataList 鼠标经过改变背景颜色
1,gridview 双击GridView的OnRowDataBound事件: 在后台的GridView1_RowDataBound()方法添加代码,最后代码如下所示: protected void ...
鼠标悬浮改变背景颜色
将鼠标放在div上时div的背景颜色发生改变,把鼠标移走div之后,div的背景颜色回复原来的颜色. 效果图演示没有将鼠标放在div上时(lanse) 将鼠标放在div上之后(变为红色) 下面看代码 ...
html颜色代码表odd,CSS的odd和even属性实现table表格tr单双行颜色相间而不同
CSS的odd和even属性实现table表格tr单双行颜色相间而不同  0  325 暴猿 2019/6/13 9:04:47 效果如下图所示: img[/layedit/img/2019061 ...
Html table 页实现点击选中tr行改变背景颜色
Html table 页实现点击选中tr行改变背景颜色 table 表格展示数据时没有选中的效果,如果对展示数据做了一些操作会导致不太容易分辨,所以选中效果就很重要,而这个事件需要作用于整个 ...
在DOS环境下添加背景音乐、改变背景颜色、冻结屏幕和调用系统时间
如下例, 例1: # include <Windows.h> # include <stdio.h> # pragma comment (lib, "Winmm.li ...
Java背景颜色怎么设成随机的_JS实现随机改变背景颜色
JS实现随机改变背景颜色 JS实现随机改变背景颜色使用Js实现随便点击页面某位置就能改变页面背景颜色的功能 function changeBg(){//改变背景颜色的函数 var bgColor=& ...
Android实现连续并排的若干个TextView单击改变背景颜色达到选项卡Tab栏切换效果...
<Android实现连续并排的若干个TextView单击改变背景颜色达到选项卡Tab栏切换效果> 实现的组件交互目的很简单,就是要达到类似tab选项卡的导航栏一样,当用户点击了连续并排的若 ...
VC6,SDI视图改变背景颜色的方法
不怎么时髦,还在用VC6,无聊瞎写的............ SDI视图改变背景颜色分两步吧,效果还是很好的. 首先在CXXView类的OnDraw添加颜色. void CDigimizerView: ...
Aspose.Words 设置背景颜色4种效果（当前段落设置背景颜色，所有段落文字设置背景颜色，当前单元格设置背景颜色，当前段落文字设置背景颜色）
1.当前段落设置背景颜色实现代码: Aspose.Words.Document doc = new Document();//新建一个空白的文档 Aspose.Words.DocumentBuild ...

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

repeater单双行颜色不同，gridview repeater DataList 鼠标经过改变背景颜色相关推荐

最新文章

热门文章