您的位置:首页 > Web前端 > JavaScript

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

2013-06-29 11:03 671 查看
已经封装成函数了,非常方便。怀着一颗不怕被吐槽的心,我又来分享了。。。。欢迎各位大神来吐槽。。。。

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


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: