JS小功能（列表页面隔行变色)简单实现

效果

代码：复制代码代码如下： head runat=' server ' title/title脚本类型=' text/JavaScript ' window。onload=function(){ var otab=document。getelementbyid(' tab 1 ')；var this color=for(var I=0；我喜欢。tbodies[0]。划船。长度；i ) { otab.tBodies[0].行[i].onmouseover=function(){ this color=this。风格。背景；这个。风格。背景=' # 00FFFF};otab.tBodies[0].行[i].onmouseout=function(){ this。风格。背景=这种颜色；};if (i % 2) { otab.tBodies[0].第[I]行。风格。背景=' '；} else { otab.tBodies[0].第[I]行。风格。背景=' # FFFF00} } };/script/head body表id=' tab 1 '边框=' 1 '样式=' text-align : center宽度： 500像素；边距： 200像素自动“ad tr style=”背景色： # FF0000”TD种族名称运输署/运输署种族简称运输署/运输署英雄/td /tr /thead tbody tr td人类联盟运输署代表性英雄：AM/TD/tr/tr TD兽人部落TD/TD/ORC/TD/TD代表性英雄：BM /td /tr tr td不死亡灵UD/道明代表性英雄：DK /td /tr tr td暗夜精灵TD/TD-NE/TD代表性英雄：DH /td /tr /tbody /table/body