html隔行变色效果,JS实现列表页面隔行变色效果

先看看隔行变色效果：

代码：

window.onload = function () {

var otab = document.getElementById('tab1');

var thiscolor = '';

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

otab.tBodies[0].rows[i].onmouseover = function () {

thiscolor = this.style.background;

this.style.background = '#00FFFF';

};

otab.tBodies[0].rows[i].onmouseout = function () {

this.style.background = thiscolor;

};

if (i % 2) {

otab.tBodies[0].rows[i].style.background = '';

}

else {

otab.tBodies[0].rows[i].style.background = '#FFFF00';

}

}

};

种族名称

种族简称

英雄

人类联盟

HUM

代表性英雄：AM

兽人部落

ORC

代表性英雄：BM

不死亡灵

UD

代表性英雄：DK

暗夜精灵

NE

代表性英雄：DH

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。