当前位置:Gxlcms > JavaScript > 表格单元格交错着色实现思路及代码_javascript技巧

表格单元格交错着色实现思路及代码_javascript技巧

时间:2021-07-01 10:21:17 帮助过:18人阅读

【Title】[原]表格单元格交错着色
【Abstract】以空间换时间,循环确定所着颜色。
【Environment】jQuery
【Author】wintys (wintys@gmail.com) http://wintys.cnblogs.com
【Content】:
1、效果

2、问题描述
对如下表格中的单元格进行交错着色。表格中HTML标签、内容已定。
代码如下:





























TR0-TD0 TR0-TD1 TR0-TD2 TR0-TD3
TR1-TD0 TR1-TD1 TR1-TD2 TR1-TD3
TR2-TD0 TR2-TD1 TR2-TD2 TR2-TD3
TR3-TD0 TR3-TD1 TR3-TD2 TR3-TD3



3、实现
3.1、CSS
代码如下:



3.2、JS代码
代码如下: