服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|JAVA教程|ASP教程|

服务器之家 - 编程语言 - ASP.NET教程 - repeater隔行换色与鼠标停留在上面达到变色效果

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

2019-10-17 10:43asp.net开发网 ASP.NET教程

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

代码如下:


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

延伸 · 阅读

精彩推荐