这是页面受

JS实现表格隔行换色,鼠标经过换色,单击换色,再单击还原等功能

已经封装成函数了,非常方便。怀着一颗不怕被吐槽的心,我又来分享了。。。。欢迎各位大神来吐槽。。。。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
//showTable("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景");
function showTable(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";
                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;
        }
    }
}

  

 

posted @   xintu275  阅读(387)  评论(0编辑  收藏  举报
努力加载评论中...
这是页脚受
点击右上角即可分享
微信分享提示