<!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>隔行换色效果</title> <style type="text/css" media="all"> body{ margin:16px; padding:0px; font-size:12px; background-color:#633801; } table{ background-color:#FFDFB5; width:560px; margin:0px auto; color:#FFF2BC; text-align:center; line-height:28px; font-size:12px; } .table_label{ width:560px; margin:0px auto; } .table_label div{ width:160px; background-color:#BF6B00; border-left:#FFDFB5 1px solid; border-top:#FFDFB5 1px solid; border-right:#FFDFB5 1px solid; color:#FFEEC9; line-height:28px; text-align:center; font-family:Arial, Helvetica, sans-serif,"宋体"; } td{ width:180px; font-family:Arial, Helvetica, sans-serif,"宋体"; } </style> <script language="javascript" type="text/javascript"> window.onload=function(){ var tr=document.getElementsByTagName("tr"),c="#986A2E",c2; for(var j=0;j<tr.length;j++){ if(j>0&&(j/2+"a").length>2){c="#885A1F"} else if(j==0){c="#5B3300";tr[j].style.fontWeight="bold"} else{c="#986A2E"}tr[j].style.backgroundColor=c; if(j>0){ tr[j].onmouseover=function(){c2=this.style.backgroundColor;this.style.backgroundColor="#BF6B00";}; tr[j].onmouseout=function(){this.style.backgroundColor=c2;}; } } } </script> </head> <body> <div class="table_label"><div>Recent Awards</div></div> <table cellspacing="1" cellpadding="0"> <tr> <td>Time</td> <td>Award</td> <td>Amount</td> </tr> <tr> <td>2008.11.16</td> <td>￥50</td> <td>10</td> </tr> <tr> <td>2008.11.16</td> <td>￥50</td> <td>10</td> </tr> <tr> <td>2008.11.16</td> <td>￥50</td> <td>10</td> </tr> <tr> <td>2008.11.16</td> <td>￥50</td> <td>10</td> </tr> <tr> <td>2008.11.16</td> <td>￥50</td> <td>10</td> </tr> <tr> <td>2008.11.16</td> <td>￥50</td> <td>10</td> </tr> <tr> <td>2008.11.16</td> <td>￥50</td> <td>10</td> </tr> <tr> <td>2008.11.16</td> <td>￥50</td> <td>10</td> </tr> <tr> <td>2008.11.16</td> <td>￥50</td> <td>10</td> </tr> </table> </body> </html>
