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;
}
}
}

浙公网安备 33010602011771号