简单table 给一个样式 效果

#table1 { margin: 0px; padding: 0px;}#table1 tr.head{background: #bbffaa;}#trPage td        {            border: 1px solid #CCCCCC;        }#trPage a        {            text-decoration: none;        }#trPage td:hover        {            border: 1px solid #FF5500;            background-color: #FFEEE5;        }

 

 

$(function(){var td_Clicked = null;        $("#trPage td").mouseover(function () {            if (td_Clicked != null) {                $(this).css(page_MouseOver()).siblings().not(td_Clicked).css(page_MouseOut());            }        })        .click(function () {            $(this).addClass(page_MouseOver()).siblings().css(page_MouseOut());            td_Clicked = $(this);        });        //$('#table1 tr:first').css("background","#bbffaa");});

 

<table id="table1">    <tr class="head">          <td>主页</td>          <td>标题</td>          <td>产品</td>          <td>技术</td>          <td>联系</td>          </tr>         <tr id="trPage">          <td><a href=''>1</a></td>          <td><a href=''>2</a></td>          <td><a href=''>3</a></td>          <td><a href=''>4</a></td>          <td><a href=''>5</a></td>          </tr>       </table>