时间:2014-01-29 来源:

Table隔行变色的JavaScript代码

效果演示代码:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

核心代码:
复制代码 代码如下:

function showtable(){
var color1 = "rgb(234,255)";
var color2 = "rgb(255,255)";
var bgColor = "rgb(255,193)";
var trs = document.getElementById("datatable").getElementsByTagName("tr");
for (var i=0;i<trs.length-1;i++){
if (i%2==0) {
trs[i].style.backgroundColor=color1;
trs[i].onmouseover = function(){
this.style.backgroundColor = bgColor;
}
trs[i].onmouseout = function(){
this.style.backgroundColor = color1;
}
} else {
trs[i].style.backgroundColor=color2;
trs[i].onmouseover = function(){
this.style.backgroundColor = bgColor;
}
trs[i].onmouseout = function(){
this.style.backgroundColor = color2;
}
}
}
}
点击次数:1024
作者:
web前端行业资讯
Web new NewsList
微软发布WindowsServerBuild17074更新 ,,2018年01月18日凭借一个AI小功能,这款Google应用冲上苹果AppStore榜首 ,,2018年01月18日百度数据可视化实验室正式成立,发布深度学习可视化平台VisualDL ,,2018年01月18日OpenAI开源最新工具包,模型增大10倍只需额外增加20%计算时间 ,,2018年01月18日百度手机输入法8.0正式发布:支持多人语音速记 ,,2018年01月18日CSDN宣布收购TinyMind团队并升级为AI社区 ,,2018年01月18日甲骨文发布补丁修复英特尔芯片漏洞造成的问题 ,,2018年01月18日权威!官方发布CPU熔断和幽灵漏洞防范指引:附补丁下载 ,,2018年01月18日Oracle宣布新的JavaChampions ,,2018年01月18日腾讯加码区块链项目已悄然注册“以太锁”商标 ,,2018年01月18日Fedora28壁纸征集活动现已开幕:将持续至2月13日 ,,2018年01月18日苹果WebKit团队发布Speedometer2.0网页响应测试工具 ,,2018年01月18日百度输入法8.0后天发布:全感官AI输入 ,,2018年01月18日腾讯和乐高合作:共同研发智能玩具、游戏 ,,2018年01月18日HomePod上市日益临近智能音箱市场吸引力越来越大 ,,2018年01月18日3D打印脑组织?科学家正在向这一目标正在前进 ,,2018年01月18日英特尔公布修补漏洞后PC性能数据:8代CPU影响最小 ,,2018年01月18日云存储公司Dropbox秘密提交IPO申请估值超百亿美元 ,,2018年01月18日iPod之父:防手机上瘾无技术难度苹果谷歌应承担责任 ,,2018年01月18日芯片不安全英特尔云客户考虑转用AMD等对手处理器 ,,2018年01月18日2018年Java展望 ,,2018年01月18日区块链有多火?快播流量矿石遭20多万人疯抢 ,,2018年01月18日Intel搞定神经拟态芯片:模拟人类大脑、自主学习 ,,2018年01月18日阿里巴巴发布IoTConnect开放连接协议,盼推动语音互动入口普及 ,,2018年01月18日区块链火了,全球大佬们怎么看? ,,2018年01月18日Facebook正测试新功能主推本地新闻资讯 ,,2018年01月18日在GooglePlay中发现使用Kotlin开发的安卓恶意软件 ,,2018年01月18日VisualStudio201715.6预览版本2,增加新功能 ,,2018年01月18日百度陆奇:AI是5G最好的加速器 ,,2018年01月18日PinterestCEO:不同于谷歌和Facebook,我们走了第三条路 ,,2018年01月18日网站翻译代理,SWeTEServer0.2.1发布 ,,2016年06月23日Go语言错误处理小例子 【移动开发】2015年02月27日Android自定义控件系列九:从源码看Android触摸事件分发机制 【编程语言】2015年04月24日轻松破解Word与Excel的文档密码2014年01月28日ural1091.TmutarakanExams(容斥) 【综合】2014年11月04日百度地图AndroidSDK-标注(Marker)的基本使用 【综合】2014年11月04日Silverlight5Grid组的MouseLeave响应 【编程语言】2015年07月17日muduo整体介绍及Echo服务器流程分析 【移动开发】2015年08月03日hpux操作系统中从vg中划出lv,并将此lv做成文件系统,然后mount该文件系统 【研发管理】2015年01月04日.Net平台开发实践的一些点滴总结(技术规范与实践精华)2014年01月29日记安装hadoop-2.3.0-cdh5.1.2全过程【编程语言】2015年01月19日致所有和我一样不知所措的计算机专业大三学生! 【编程语言】2015年08月05日数据结构(严蔚敏、吴伟民)——读书笔记-2、线性表及其基本运算、顺序存储结构 【综合】2015年08月07日用Java开源项目JOONE实现人工智能编程(3)2016年11月15日一个用php实现的获取URL信息的类2014年01月29日PinguyOS11.10迷你版发布 ,,2016年06月23日DIV+CSS不一定符合标准2014年01月29日Android上玩玩Hook? 【移动开发】2015年08月07日【c++程序】结构体链表【综合】2015年01月24日servlet基础,如何实现一个servlet,servletConfig,HTTPServlet,ServletContext 【架构设计】2015年04月07日循环引用-智能指针的死穴之一 【移动开发】2015年04月09日JAVASCRIPT模式窗口中下载文件无法接收iframe的流2014年01月29日程序员的量化交易之路(29)--Cointrader之Tick实体(16) 【编程语言】2015年06月11日基于jquery跨浏览器显示的file上传控件2014年01月29日【Android】可拖拽排序的ListView【编程语言】2015年03月19日Docker简介 【Web前端】2015年06月29日Android常用控件之AutoCompleteTextView、Spinner 【编程语言】2015年08月27日SEO扫盲贴【信息图】 ,,2016年06月23日DOS选项跳转实现、dos+bcp双击导入导出数据【互联网】2014年11月06日脑力题(把数学用编程表示出来) 【编程语言】2015年03月24日
我们保证
We guarantee
> psd效果文件手工切图,保证图片效果最好体积最小利于传输
> 100%手写的HTML(DIV+CSS)编码,绝对符合W3C标准
> 代码精简、css沉余量小、搜索引擎扫描迅速,网页打开快捷
> 应用Css Sprite能够减少HTTP请求数,提高网页性能
> 跨浏览器兼容(IE6、7、8、9,Firefox火狐,Chrome谷歌)