程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> repeater隔行換色與鼠標停留在上面達到變色效果

repeater隔行換色與鼠標停留在上面達到變色效果

編輯: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;
}
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved