列表页点击、鼠标经过离开背景变化
<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>
<
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
>
时间: 2024-10-04 09:22:44