天天看點

JS實作隔行變色及滑鼠滑過變色

//senfe("表格名稱","奇數行背景","偶數行背景","滑鼠經過背景","點選後背景","經過時字色","經過後字色",開始變色的行号);

調用:senfe("table1", "#FFF", "#EEE", "#1B3243", "#074387", "#FFF", "#666", 2);

function senfe(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;

            }

        }

    }

}

轉載于:https://www.cnblogs.com/zhang9418hn/archive/2011/08/23/2151005.html

繼續閱讀