您的位置:首页 > 其它

jQyery 隔行换色以及鼠标悬浮单击变色事件

2015-10-22 18:13 211 查看
</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}






                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: