首页 > 其他 > 详细

实现隔行变色及鼠标滑过变色

时间:2014-03-11 06:47:20      阅读:471      评论:0      收藏:0      [点我收藏+]

//test("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景","经过时字色","经过后字色",开始变色的行号);


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

bubuko.com,布布扣
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;
            }
        }
    }
}
bubuko.com,布布扣

实现隔行变色及鼠标滑过变色,布布扣,bubuko.com

实现隔行变色及鼠标滑过变色

原文:http://www.cnblogs.com/wanliyuan/p/3591268.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!