JavaScript MooTools交替表行颜色
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript MooTools交替表行颜色相关的知识，希望对你有一定的参考价值。
.shade-table { /* just to remind us we're using this -- we don't want to write over it later! */ }
.odd { background:#ccc; padding:3px; }
.even { background:#eee; padding:3px; }
window.addEvent('domready', function() {
var count = 0;
$$('table.shade-table tr').each(function(el) {
el.addClass(count++ % 2 == 0 ? 'odd' : 'even');
});
});
<table class="shade-table" border="1" cellpadding="5" cellspacing="2"><tbody>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>5</td>
<td>5</td>
<td>5</td>
</tr>
</tbody></table>
以上是关于JavaScript MooTools交替表行颜色的主要内容，如果未能解决你的问题，请参考以下文章
jQuery交替表行格式
使用css替换具有不一致类的表行颜色的方法[重复]
通过jQuery交替表行
JavaScript定时器实现背景颜色交替变换
Mootools 是不是 100% 防止 javascript 关闭？
Javascript mootools脚本添加