您好,欢迎来到曲趣美食。
搜索
您的当前位置:首页JS小功能(列表页面隔行变色)简单实现_javascript技巧

JS小功能(列表页面隔行变色)简单实现_javascript技巧

来源:曲趣美食


效果:

代码:

代码如下:



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


Copyright © 2019- qqqmw.com 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务