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， repater， datalist

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

view plainprint?
οnmοuseοver="this.style.backgroundColor='FloralWhite'"

οnmοuseοut="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"%>' οnmοuseοver="fOver(this);" οnmοuseοut="fOut(this);">
<td><%#Eval("UID")%></td>
</tr>
</ItemTemplate>
</asp:Repeater>

gridview repeater DataList 鼠标经过改变背景颜色相关推荐

repeater单双行颜色不同，gridview repeater DataList 鼠标经过改变背景颜色
1.gridview 双击GridView的OnRowDataBound事件: 在后台的GridView1_RowDataBound()方法添加代码,最后代码如下所示: protected void ...
鼠标悬浮改变背景颜色
将鼠标放在div上时div的背景颜色发生改变,把鼠标移走div之后,div的背景颜色回复原来的颜色. 效果图演示没有将鼠标放在div上时(lanse) 将鼠标放在div上之后(变为红色) 下面看代码 ...
html超链接点击状态改变背景颜色,div css鼠标悬停锚文本超链接文字背景颜色或图片变化...
css鼠标悬停超链接文字上时背景改变,鼠标经过文字链接时(悬停),文字的背景图片发生改变(出现背景图片或背景颜色). 鼠标经过悬停在超链接文字上时背景颜色或背景图片出现或改变教程篇. 此DIV CSS ...
鼠标悬浮button改变背景颜色
鼠标悬浮button改变背景颜色 //鼠标悬浮事件 private void btnExit_MouseHover(object sender, EventArgs e) { this.btnExit ...
Java背景颜色怎么设成随机的_JS实现随机改变背景颜色
JS实现随机改变背景颜色 JS实现随机改变背景颜色使用Js实现随便点击页面某位置就能改变页面背景颜色的功能 function changeBg(){//改变背景颜色的函数 var bgColor=& ...
Android实现连续并排的若干个TextView单击改变背景颜色达到选项卡Tab栏切换效果...
<Android实现连续并排的若干个TextView单击改变背景颜色达到选项卡Tab栏切换效果> 实现的组件交互目的很简单,就是要达到类似tab选项卡的导航栏一样,当用户点击了连续并排的若 ...
VC6,SDI视图改变背景颜色的方法
不怎么时髦,还在用VC6,无聊瞎写的............ SDI视图改变背景颜色分两步吧,效果还是很好的. 首先在CXXView类的OnDraw添加颜色. void CDigimizerView: ...
vue如何动态获取数据改变背景颜色和字体颜色以及获取图片
vue如何动态获取数据改变背景颜色和字体颜色以及获取图片首先要想获取多条数据要用到v-for循环,写到循环就必须写:key 话不多说上代码重点就是:style="{background: ...
vue项目使用svg渲染地图并添加点击事件，动态改变背景颜色
需求: ui给了一张地图的svg,需要前端渲染出来并添加对应的点击事件,选中区域,背景颜色需要改变实现思路: 1.拿到需要渲染的 svg图片,把其中path的值赋值过来,所有数据一起组成一个新的js ...

gridview repeater DataList 鼠标经过改变背景颜色

gridview repeater DataList 鼠标经过改变背景颜色相关推荐

最新文章

热门文章