1.       <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
    2. <html>  
    3.   <head>  
    4.     <title>隔行变色、隔列变色</title>  
    6.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
    7.     <meta http-equiv="description" content="this is my page">  
    8.     <meta http-equiv="content-type" content="text/html; charset=gbk">  
    9.     <script type="text/javascript" src="jquery.js"></script>  
    10.     <script type="text/javascript">  
    11.         $(function () {  
    12.             $("table:eq(0) tr").each(function () {  
    13.                 $(this).find("td").each(function (i) {  
    14.                      if (i%2 != 0) {  
    15.                          $(this).css("background-color","#CCCCFF");  
    16.                      } else {  
    17.                          $(this).css("background-color","white");  
    18.                      }  
    19.                 });  
    20.             });  
    22.             $("table:eq(1) tr").each(function (i) {  
    23.                  if (i%2 != 0) {  
    24.                      $(this).css("background-color","white");  
    25.                  } else {  
    26.                      $(this).css("background-color","#CCCCFF");  
    27.                  }  
    28.             });  
    30.             $("table:eq(2)").find("tr:even").css("background-color","white").end().find("tr:odd").css("background-color","#CCCCFF");  
    32.             $("table:eq(3) tr").find("td:even").css("background-color","white").end().find("td:odd").css("background-color","#CCCCFF");  
    33.         });  
    34.     </script>  
    35.   </head>  
    36.   <body>  
    37.     <table width="80%">  
    38.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    39.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    40.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    41.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    42.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    43.     </table>  
    44.     <hr />  
    45.     <table width="80%">  
    46.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    47.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    48.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    49.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    50.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    51.     </table>  
    52.     <hr />  
    53.     <table width="80%">  
    54.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    55.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    56.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    57.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    58.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    59.     </table>  
    60.     <hr />  
    61.     <table width="80%">  
    62.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    63.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    64.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    65.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    66.         <tr><td>1</td><td>2</td><td>3</td></tr>  
    67.     </table>  
    68.   </body>  
    69. </html>
    70.