投递文章
投稿指南| 核心提示：<style>.DoubleColorTable tr{background-color:expression(#FFFFFF,#f0eada.split(,)[rowIndex%2])}</style>可以实现多行不同的颜色！(#FFFFFF,#f0eada.split(,)[rowIndex%2])}里面添加相. |
<style>
.DoubleColorTable tr{background-color:expression("#FFFFFF,#f0eada".split(",")[rowIndex%2])}
</style>
可以实现多行不同的颜色！("#FFFFFF,#f0eada".split(",")[rowIndex%2])}里面添加相应的颜色代码即可
rowIndex%2是循环多少行！2就是两行.
<HTML>
<HEAD>
<TITLE>交替变色表格</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
.DoubleColorTable tr{background-color:expression("#FFFFFF,#f0eada".split(",")[rowIndex%2])}
</style>
</HEAD>
<BODY>
<table class="DoubleColorTable" border=1 width=600>
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
<tr><td>31</td><td>32</td></tr>
<tr><td>41</td><td>42</td></tr>
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
<tr><td>31</td><td>32</td></tr>
<tr><td>41</td><td>42</td></tr>
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
<tr><td>31</td><td>32</td></tr>
<tr><td>41</td><td>42</td></tr>
<tr><td>41</td><td>42</td></tr>
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
<tr><td>31</td><td>32</td></tr>
<tr><td>41</td><td>42</td></tr>
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
<tr><td>31</td><td>32</td></tr>
<tr><td>41</td><td>42</td></tr>
</table>
</BODY>
</HTML>
