实用技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > ASP.NET > 实用技巧 > repeater行变色

repeater隔行换色与鼠标停留在上面达到变色效果

作者:

鼠标停留在上面是变成其他的颜色,很多新手朋友都想实现这种效果,可是无从下手,本文整理了一些解决技巧,感兴趣的朋友可以参考下啊
复制代码 代码如下:

<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;
}
您可能感兴趣的文章:
阅读全文