纯JS代码实现隔行变色鼠标移入高亮

网络编程 2025-03-24 03:58www.168986.cn编程入门

纯JS代码实现隔行变色与鼠标移入高亮效果——长沙网络推广分享经验

```html

隔行变色鼠标移入高亮示例

```

接下来,我们使用JavaScript来实现隔行变色和鼠标移入高亮的功能:

```javascript

var table = document.getElementById("table");

for (var i = 0; i < table.tBodies[0].rows.length; i++) {

// 判断行号实现隔行变色

if (i % 2 == 0) { // 如果是偶数行(第一行开始)则设置为灰色背景

table.tBodies[0].rows[i].style.backgroundColor = "gray"; // 可以根据需要更改颜色值

} else { // 如果是奇数行则设置为另一种颜色背景(这里假设为浅灰色)

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by