关于table tr 隔行换色的JS代码

2011-07-18未知31470Javascript & jQuery

function senfe(o, a, b, c, d) {
	var t = document.getElementById(o).getElementsByTagName("tr");
	for ( var i = 0; i < t.length; i++) {
		t[i].style.backgroundColor = (t[i].sectionRowIndex % 2 == 0) ? a : b;
		t[i].onclick = function() {
			if (this.x != "1") {
				this.x = "1";// 本来打算直接用背景色判断,FF获取到的背景是RGB值,不好判断
				this.style.backgroundColor = d;
			} else {
				this.x = "0";
				this.style.backgroundColor = (this.sectionRowIndex % 2 == 0) ? a : b;
			}
		}
		t[i].onmouseover = function() {
			if (this.x != "1"){
				this.style.backgroundColor = c;
			}
		}
		t[i].onmouseout = function() {
			if (this.x != "1"){
				this.style.backgroundColor = (this.sectionRowIndex % 2 == 0) ? a:b;
			}
		}
	}
}
//senfe("table ID","奇数行背景","偶数行背景","鼠标经过背景","点击后背景"); 
senfe("senfe","#fff","#F3F8F7","#CFC","#CF9"); 

 

3147

0

写评论

  昵称
  验证码