表格 隔行换色升级版 |
本文标签:表格,隔行换色 昨天弄了个表格隔行换色,但是只是一张表里换 如果一个页面里出现多个表格需要怎么整 捣鼓出新的结果 如下: 复制代码 代码如下: 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); } ); 这样在html里增加表格的时候加上ID就OK了,一个多次调用的表格隔行换色完毕 牛逼的人生不需要解释 |