您当前所在位置：首页 > 网络编程 > ASP.NET

ASP.NET

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

网络 2013-01-18ASP.NET8009

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

 
<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; 
} 

很赞哦！()