小编给大家分享一下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
|
以上是“JS如何实现列表页面隔行变色效果”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
标题名称：JS如何实现列表页面隔行变色效果
浏览路径：
http://bjjierui.cn/article/jscshh.html
