简单的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>