简单的jQuery实现表格隔行变色以及鼠标划上突出显示

<style type="text/css">
.even{ background-color:#9C6}
.odd{ background:#CC6}
.normal{background:#F00}
</style>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
<script type="text/javascript">
 $(document).ready(function() {
  $("tr:even").addClass("even");
  $("tr:odd").addClass("odd");
        $("tr").hover(function(){
   $(this).addClass("normal");
   },function(){
    $("tr").removeClass("normal");
    });
  
    }); 
</script>

 <table border="0" cellpadding="0" cellspacing="0" width="800px">
     <tr>
         <td>编号</td><td>标题</td><td>作者</td><td>日期</td><td>操作</td>
        </tr>
        <tr>
         <td>1</td><td>1</td><td>1</td><td>1</td><td>1</td>
        </tr>
        <tr>
         <td>2</td><td>2</td><td>3</td><td>4</td><td>4</td>
        </tr>
       
    </table>