rinald_未来往事

table tr 隔行换色的JS判断代码

WEB前端
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");

本文转载自:http://www.206c.net

原文作者:rinald
原文地址:http://fity.cn/post/109.html
互联网技术更新较快,本站很多文章具有实效性,我会及时更新原文,但转载的文章无法通知更新。为了不给读者造成困惑或误导,请您在转载时保留此出处信息,尊重别人也是尊重自己。

发表评论

必填

选填

选填

必填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。