隔行变换的背景颜色效果-JS特效-爱易网页

隔行变换的背景颜色效果

日期：2014-05-18　浏览次数：20255 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

有什么问题请到<a href='/bbs/index.asp?boardid=2'>论坛</a>中发表<br>


<style>
.t1 {background-color:#C8FC98;text-align:center}
.t2 {background-color:#ffffff;text-align:center}
</style>
<table id="table1" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td>jsjsdjksdfdfgdfd</td></tr>
<tr><td>vrtbtynyudegbg</td></tr>
<tr><td>btrgjyjyukmymy</td></tr>
<tr><td>fvdfthdhyjd</td></tr>
<tr><td>htyjertyuktuijcdukdetyjety</td></tr>
<tr><td>fdghrguiowheruighiaue</td></tr>
<tr><td>aosiiopweorhwdebfcjlhaSD</td></tr>
<tr><td>SDHFKAJBNELFJAOSDFA</td></tr>
<tr><td>sdafasdgdasfgggggggasdffasd</td></tr>
<tr><td>asdfgasdddddddddddd</td></tr>
<tr><td>sdagasdcxgggggggggg</td></tr>
<tr><td>dfshfdfgggfdfdsrhfgjh</td></tr>
<tr><td>gjghkjghkhjghdfghdfgh</td></tr>
<tr><td>fdhdfghhfghfghfghfdghfdghf</td></tr>
<tr><td>fghfghvcnbvnvbcvgtr</td></tr>
<tr><td>gfjhvcbcvbvcbcvbvcb</td></tr>
<tr><td>fghdhgdfhfg</td></tr>
<tr><td>shdfsjitirueruiwoiwopeirwueitu</td></tr>
<tr><td>sjdfkjherhtuiehrjfhgsjghghdfgd</td></tr>
</table>
<script Language="Javascript1.2">

for (i=0;i<table1.rows.length;i++) {
(i%2==0)?(table1.rows(i).className = "t1"):(table1.rows(i).className = "t2");
}

</script>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]