源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

表格 隔行换色升级版

  • 时间:2022-06-19 12:39 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:表格 隔行换色升级版
昨天弄了个表格隔行换色,但是只是一张表里换 如果一个页面里出现多个表格需要怎么整 捣鼓出新的结果 如下:
[u]复制代码[/u] 代码如下:
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了,一个多次调用的表格隔行换色完毕 牛逼的人生不需要解释
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部