用jQuery实现鼠标在table上移动进行样式变化
- - CSDN博客推荐文章$("table tr:nth-child(even)").addClass("striped"); 偶数行 变化. $("table tr:nth-child(odd )").addClass("striped"); 奇数行 变化. 作者:sgp4205 发表于2013-6-20 15:25:39 原文链接.
1、定义样式
<style type="text/css">
.striped
{
background-color:red;
}
.over
{
background-color:#BEBEBE;
}
2、定义事件
<script type="text/javascript">
$(document).ready(function(){
$("table tr:nth-child(even)").addClass("striped"); 偶数行 变化
$("table tr:nth-child(odd )").addClass("striped"); 奇数行 变化
$("tr").mouseover(function(){
$(this).addClass("over");
});
$("tr").mouseout(function() {
$(this).removeClass("over");
});
});
</script>