这是页面受

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

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

//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 @ 2013-06-29 11:03  xintu275  阅读(383)  评论(0编辑  收藏  举报
这是页脚受