实现隔行变色及鼠标滑过变色
//test("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景","经过时字色","经过后字色",开始变色的行号);
调用:test("table1", "#FFF", "#EEE", "#1B3243", "#074387", "#FFF", "#666", 2);
function test(o, a, b, c, d, e, f, g) { var t = document.getElementById(o).getElementsByTagName("tr"); for (var i = g - 1; 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"; 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; this.style.color = e; } } t[i].onmouseout = function () { if (this.x != "1") { this.style.backgroundColor = (this.sectionRowIndex % 2 == 0) ? a : b; this.style.color = f; } } } }