css代码如下：

  1. <style> 
  2. .odd { background-color:#CCC} 
  3. .even { background-color:#999} 
  4. .hover { background-color:#FF9;} 
  5. </style> 

html代码如下：是一个10行5列的表格

  1. <table border="0" width="600" cellpadding="0" cellspacing="1" bgcolor="#000000"> 
  2.   <tr> 
  3.     <td>&nbsp;</td> 
  4.     <td>&nbsp;</td> 
  5.     <td>&nbsp;</td> 
  6.     <td>&nbsp;</td> 
  7.     <td>&nbsp;</td> 
  8.   </tr> 
  9.   <tr> 
  10.     <td>&nbsp;</td> 
  11.     <td>&nbsp;</td> 
  12.     <td>&nbsp;</td> 
  13.     <td>&nbsp;</td> 
  14.     <td>&nbsp;</td> 
  15.   </tr> 
  16.   <tr> 
  17.     <td>&nbsp;</td> 
  18.     <td>&nbsp;</td> 
  19.     <td>&nbsp;</td> 
  20.     <td>&nbsp;</td> 
  21.     <td>&nbsp;</td> 
  22.   </tr> 
  23.   <tr> 
  24.     <td>&nbsp;</td> 
  25.     <td>&nbsp;</td> 
  26.     <td>&nbsp;</td> 
  27.     <td>&nbsp;</td> 
  28.     <td>&nbsp;</td> 
  29.   </tr> 
  30.   <tr> 
  31.     <td>&nbsp;</td> 
  32.     <td>&nbsp;</td> 
  33.     <td>&nbsp;</td> 
  34.     <td>&nbsp;</td> 
  35.     <td>&nbsp;</td> 
  36.   </tr> 
  37.   <tr> 
  38.     <td>&nbsp;</td> 
  39.     <td>&nbsp;</td> 
  40.     <td>&nbsp;</td> 
  41.     <td>&nbsp;</td> 
  42.     <td>&nbsp;</td> 
  43.   </tr> 
  44.   <tr> 
  45.     <td>&nbsp;</td> 
  46.     <td>&nbsp;</td> 
  47.     <td>&nbsp;</td> 
  48.     <td>&nbsp;</td> 
  49.     <td>&nbsp;</td> 
  50.   </tr> 
  51.   <tr> 
  52.     <td>&nbsp;</td> 
  53.     <td>&nbsp;</td> 
  54.     <td>&nbsp;</td> 
  55.     <td>&nbsp;</td> 
  56.     <td>&nbsp;</td> 
  57.   </tr> 
  58.   <tr> 
  59.     <td>&nbsp;</td> 
  60.     <td>&nbsp;</td> 
  61.     <td>&nbsp;</td> 
  62.     <td>&nbsp;</td> 
  63.     <td>&nbsp;</td> 
  64.   </tr> 
  65.   <tr> 
  66.     <td>&nbsp;</td> 
  67.     <td>&nbsp;</td> 
  68.     <td>&nbsp;</td> 
  69.     <td>&nbsp;</td> 
  70.     <td>&nbsp;</td> 
  71.   </tr> 
  72. </table> 

js代码：

  1. <script> 
  2. $(document).ready(function(){ 
  3.    $("table tr:odd").addClass("odd"); 
  4.    $("table tr:even").addClass("even"); 
  5.    $("table tr").hover(function(){ 
  6.       $(this).addClass("hover") 
  7.       },function(){ 
  8.           $(this).removeClass("hover") 
  9.           }) 
  10.    }) 
  11. </script>