Table隔行变色的JavaScript代码

ttx9n · 发表于 2011-1-17 22:28:52

用js实现的table隔行变色，鼠标放上去有变色显示，需要的朋友可以参考下。效果演示代码:

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
核心代码:
复制代码代码如下:
function showtable(){
var color1 = "rgb(234,240,255)";
var color2 = "rgb(255,255,255)";
var bgColor = "rgb(255,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;
}
}
}
}

平平安安 · 发表于 2022-9-5 00:10:05

收下来看看怎么样

5vulod · 发表于 2022-9-21 10:28:18

可以，看卡巴

u7yxn9 · 发表于 2022-9-24 19:17:43

数据库了多久撒快乐的健身卡啦

7jbiiz · 发表于 2022-12-27 01:51:03

论坛有你更精彩！

u7yxn9 · 发表于 2023-5-3 05:51:38

问问问企鹅哇哇哇哇哇

平平安安 · 发表于 2023-9-23 08:22:47

刷屏刷屏刷屏

xf9hlg1 · 发表于 2023-10-30 06:40:51

额头额定法国队是范德萨

3t0ukmu · 发表于 2024-5-21 03:43:42

终于找到了，我擦

xf9hlg1 · 发表于 2024-7-18 03:01:41

还可以不错

账号		自动登录	找回密码
密码			立即注册

[JavaScript] Table隔行变色的JavaScript代码

相关帖子