</pre><pre name="code" class="javascript"><pre name="code" class="javascript">$(function(){
<span style="white-space:pre"> </span>//隔行换色
$(".secondTable tr :odd ").addClass("trall");
<span style="white-space:pre"> </span>
$(".secondTable tr:gt(0)").mouseover(function(){//鼠标悬浮事件
$(this).removeClass("trall").addClass("trover").siblings().removeClass("trover");
}).mouseout(function(){//鼠标离开事件
$(".secondTable tr :odd ").addClass("trall");
}).click(function(){//书包单击事件
this.addClass("trclick").sibings().removeClass("trclick");
});
});
//css代码
<pre name="code" class="css">.trover{background-color:#ccc}
.trclick{background-color:red}
.trall{background-color:#d5f4fe}