作家
登录

表格 隔行换色升级版

作者: 来源:www.28hudong.com 2013-03-30 02:10:05 阅读 我要评论

昨天弄了个表格隔行换色,但是只是一张表里换 如果一个页面里出现多个表格需要怎么整 捣鼓出新的结果 如下: 复制代码 代码如下: 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了,一个多次调用的表格隔行换色完毕 牛逼的人生不需要解释

  推荐阅读

  JS解析XML的实现代码

JS代码: 复制代码 代码如下: <script language="javascript" type="text/javascript"> //需要读取的xml文件 var uRl = "jsReadXml.xml"; var xmlDoc; //初始化,给上述定义变量赋值 // function showcurcity(){ i>>>详细阅读


本文标题:表格 隔行换色升级版

地址:http://www.17bianji.com/kaifa2/JS/27736.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)