repeater隔行换色与鼠标停留在上面达到变色效果
更新时间:2021年9月22日 10:17 点击:1408
复制代码 代码如下:
<tr align="center" class="list_L01" style='background-color: <%#(Container.ItemIndex%2==0)?"#FFFFF;":"#fcf3f4"%>' onmouseover="change_colorOver(this)" onmouseout="change_colorOut(this)"></tr>
复制代码 代码如下:
<input type="hidden" id="colorName" value="1" /> //隐藏域定义
function change_colorOver(e) {
var oldColor = e.style.backgroundColor;
document.getElementById("colorName").value = oldColor;
e.style.backgroundColor = "#b9bace";
}
function change_colorOut(e) {
e.style.backgroundColor = document.getElementById("colorName").value;
}
相关文章
- 这篇文章主要介绍了jQuery实现简单隔行变色的方法,涉及jQuery针对页面元素样式的相关操作技巧,需要的朋友可以参考下...2016-02-23
WinForm DataGridView控件隔行变色的小例子
WinForm的DataGridView控件设置行的颜色...2020-06-25- 鼠标停留在上面是变成其他的颜色,很多新手朋友都想实现这种效果,可是无从下手,本文整理了一些解决技巧,感兴趣的朋友可以参考下啊...2021-09-22
Asp.net GridView隔行变色和光棒效果2种方法实现
两种方法实现GridView隔行变色和光棒效果:前台和后台配合使用及JQuery方式,感兴趣的朋友可以参考下哈,希望可以帮助到你...2021-09-22- 这篇文章主要介绍了php简单隔行变色功能实现代码,通过for语句读取奇偶行数设置样式的不同颜色值进而实现隔行变色功能,需要的朋友可以参考下...2016-07-25