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

以上就是本文的全部内容，希望對大家的學習有所幫助，也希望大家多多支援。