表格 隔行换色升级版


Posted in Javascript onNovember 07, 2009

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

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了,一个多次调用的表格隔行换色完毕
牛逼的人生不需要解释
Javascript 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(2)
Dec 23 Javascript
flash 得到自身url参数的代码
Nov 15 Javascript
跟我一起学写jQuery插件开发方法(附完整实例及下载)
Apr 01 Javascript
jQuery创建自己的插件(自定义插件)的方法
Jun 10 Javascript
jQuery模拟超链接点击效果代码
Apr 21 Javascript
jquery的父子兄弟节点查找示例代码
Mar 03 Javascript
jQuery插件boxScroll实现图片轮播特效
Jul 14 Javascript
javascript HTML5文件上传FileReader API
Mar 27 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
Jun 21 Javascript
js正则表达式注册页面表单验证
Oct 11 Javascript
jQuery的extend方法【三种】
Dec 14 Javascript
jQuery使用ajax_动力节点Java学院整理
Jul 05 jQuery
csdn 论坛技术区平均给分功能
Nov 07 #Javascript
在js中单选框和复选框获取值的方式
Nov 06 #Javascript
模仿JQuery sortable效果 代码有错但值得看看
Nov 05 #Javascript
javaScript parseInt字符转化为数字函数使用小结
Nov 05 #Javascript
jQuery toggle()设置CSS样式
Nov 05 #Javascript
javascript 打印内容方法小结
Nov 04 #Javascript
兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
Nov 04 #Javascript
You might like
php中{}大括号是什么意思
2013/12/01 PHP
新浪SAE云平台下使用codeigniter的数据库配置
2014/06/12 PHP
PHP中使用CURL模拟登录并获取数据实例
2014/07/01 PHP
PHP利用hash冲突漏洞进行DDoS攻击的方法分析
2015/03/26 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
2011/11/30 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
2014/05/16 Javascript
JQuery 在线引用及测试引用是否成功
2014/06/24 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
2015/03/03 Javascript
jQuery+jRange实现滑动选取数值范围特效
2015/03/14 Javascript
在JavaScript中使用开平方根的sqrt()方法
2015/06/15 Javascript
深入解读JavaScript中的Hoisting机制
2015/08/12 Javascript
CSS图片响应式 垂直水平居中
2015/08/14 Javascript
jquery实现九宫格大转盘抽奖
2015/11/13 Javascript
jQuery动画效果相关方法实例分析
2015/12/31 Javascript
移动端翻页插件dropload.js(支持Zepto和jQuery)
2016/07/27 Javascript
angular中实现li或者某个元素点击变色的两种方法
2017/07/27 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
2018/10/25 Javascript
JavaScript创建对象的四种常用模式实例分析
2019/01/11 Javascript
[00:32]2018DOTA2亚洲邀请赛Liquid出场
2018/04/03 DOTA
python生成指定长度的随机数密码
2014/01/23 Python
python操作excel文件并输出txt文件的实例
2018/07/10 Python
python3基于OpenCV实现证件照背景替换
2018/07/18 Python
使用django-guardian实现django-admin的行级权限控制的方法
2018/10/30 Python
对python借助百度云API对评论进行观点抽取的方法详解
2019/02/21 Python
python实现简单成绩录入系统
2019/09/19 Python
python3+selenium获取页面加载的所有静态资源文件链接操作
2020/05/04 Python
python zip()函数的使用示例
2020/09/23 Python
记一次python 爬虫爬取深圳租房信息的过程及遇到的问题
2020/11/24 Python
HTML5 LocalStorage 本地存储刷新值还在
2017/03/10 HTML / CSS
白酒市场开发计划书
2014/01/09 职场文书
中国在我心中演讲稿
2014/09/13 职场文书
2014年消防工作总结
2014/11/21 职场文书
离婚案件答辩状
2015/05/22 职场文书
先进基层党组织事迹材料2016
2016/02/29 职场文书
python删除csv文件的行列
2021/04/06 Python