页码修饰效果

    <table>
        <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>

CSS:

        #trPage td
        {
            border: 1px solid #CCCCCC;
        }
        #trPage a
        {
            text-decoration: none;
        }
        #trPage td:hover
        {
            border: 1px solid #FF5500;
            background-color: #FFEEE5;
        }

JAVASCRIPT(用jquery):

            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);
            });