Js 实现表格隔行换色一例

Js实现表格隔行换色一例，这种效果网上已经有很多啦，每一种都有特色，请大家选择使用。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>Js实现表格隔行换色一例</title><style type="text/css"> body{ padding:0; margin:0; font:Arial; font-size:12px;} .bf{ padding:0; margin:auto;} .bf table{ text-align:center;line-height:14pt;} .bf th{ width:50px; padding:10px;} .f1{ background:#fff8f0;} .f2{ background:#f0f7ff;} .f3{ background:#f7f7f7;} </style></head><body> <div class="bf"> <table border="1" bordercolor="#00CCFF" cellspacing="0"> <caption>脚本之家欢迎你</caption><tr class="b"> <th></th><th scope="col">2006年</th><th scope="col">2007年</th><th scope="col">2008年</th><th scope="col">2009年</th></tr><tr class="b"><th scope="row" rowspan="4">总</th></tr><tr> <td>4</td><td>2</td><td>56</td><td>43</td></tr><tr> <td>10</td><td>4</td><td>10</td><td>10</td></tr><tr> <td>10</td><td>76</td><td>10</td><td>9</td></tr><tr class="b"><th scope="row" rowspan="4">总</th></tr><tr> <td>10</td><td>10</td><td>10</td><td>10</td></tr><tr> <td>2</td><td>10</td><td>12</td><td>10</td></tr><tr> <td>10</td><td>10</td><td>10</td><td>10</td></tr><tr class="b"><th scope="row" rowspan="4">总</th></tr><tr> <td>10</td><td>5</td><td>10</td><td>10</td></tr><tr> <td>10</td><td>7</td><td>10</td><td>3</td></tr><tr> <td>10</td><td>5</td><td>7</td><td>8</td></tr></table></div></body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

以上就是Js 实现表格隔行换色一例的详细内容，更多请关注0133技术站其它相关文章！