js-改变表格背景颜色

本文介绍了一种通过JavaScript实现的表格行背景颜色交替变化的方法,包括鼠标悬停时背景颜色的变化效果。此技术适用于网页中表格数据展示,提高用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

// 表格背景颜色变换
function changeBg() {
var tableBg = document.getElementById("allH_Table");
for (i = 0; i < tableBg.rows.length; i++) {
if (tableBg.rows[i].tagName == "TR") {
tableBg.rows[i].className
= (i % 2 == 1 ? "list_tr1" : "list_tr2");
}
else {
break;
}
}
}
// 根据移动到不同的行改变改行的背景颜色
function currentRow() {
var pclass = "";
var obj = document.getElementById("allH_Table");
for ( var i = 0; i < obj.rows.length; i++) {
obj.rows[i].onmouseover
= function() {
pclass
= this.className;
this.className = "action";
};
obj.rows[i].onmouseout
= function() {
this.className = pclass;
};

}

}
.list_tr1{ background-color:#cccccc;}
.list_tr2
{ background-color:#ffffff;}
.action
{background-color:#00ff00;}

转载于:https://www.cnblogs.com/lianzi/archive/2011/08/09/2132152.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值