表格隔行换色升级版

175 阅读 0 评论 116 点赞

我是靠谱客的博主精明路人，最近开发中收集的这篇文章主要介绍表格隔行换色升级版，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

昨天弄了个表格隔行换色，但是只是一张表里换
如果一个页面里出现多个表格需要怎么整
捣鼓出新的结果
如下：

复制代码代码如下:

 
function onloadEvent(func){ 
var one=window.onload 
if(typeof window.onload!='function'){ 
window.onload=func 
} 
else{ 
window.onload=function(){ 
one(); 
func(); 
} 
} 
} 
function showtable(tableid){ 
var overcolor='#FCF9D8'; 
var color1='#FFFFFF'; 
var color2='#F8F8F8'; 
var tablename=document.getElementById(tableid) 
var tr=tablename.getElementsByTagName("tr") 
for(var i=0 ;i<tr.length;i++){ 
tr[i].onmouseover=function(){ 
this.style.backgroundColor=overcolor; 
} 
tr[i].onmouseout=function(){ 
if(this.rowIndex%2==0){ 
this.style.backgroundColor=color1; 
}else{ 
this.style.backgroundColor=color2; 
} 
} 
if(i%2==0){ 
tr[i].className="color1"; 
}else{ 
tr[i].className="color2"; 
} 
} 
} 
onloadEvent(function init(){ 
showtable('table'); 
showtable('test'); 
} 
); 