列表页点击、鼠标经过离开背景变化
<script type="text/javascript"> $(function () { $("table tr").click(function () { $(this).addClass("aliveTrClick").siblings().removeClass("aliveTrClick"); }) .dblclick(function () { $(this).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
>
<
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
>