Jquery 點擊滑鼠經過離開背景樣式變化

標籤：

列表頁點擊、滑鼠經過離開背景變化

    <script type="text/javascript" src="/Scripts/jquery-1.4.1.js"></script>    <script type="text/javascript">        $(function () {            $("table tr").click(function () { $(this).addClass("aliveTrClick").siblings().removeClass("aliveTrClick"); })        .mouseover(function () { $(this).addClass("aliveTr"); }).mouseleave(function () { $(this).removeClass("aliveTr"); });        });    </script>        <style type="text/css">.aliveTr{ background:#DfE7D0;} .aliveTrClick{ background:#D0E7D0;}</style>

View Code

 

<table width="80%" border="1">    <tr>        <th>生日算命-招堂運</th>        <th>稱骨算命</th>        <th>姓名測試</th>        <th>.net網域名稱的數量</th>    </tr>    <tr>        <td>2003年</td>        <td>1000</td>        <td>2000</td>        <td>3000</td>    </tr>    <tr>        <td>2004年</td>        <td>4000</td>        <td>5000</td>        <td>6000</td>    </tr>    <tr>        <td>2005年</td>        <td>7000</td>        <td>8000</td>        <td>9000</td>    </tr></table>

Jquery 點擊滑鼠經過離開背景樣式變化