您的位置:首页 > Web前端 > JQuery

jQuery实现隔行变色

2012-03-19 21:14 387 查看
//实现table隔行变色超级简单的代码
<style type="text/css">
.one{
background:#C00;
}
.two{
background:#09F;
}
</style><script type="text/javascript" language="javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("tr:even").addClass("one");//奇数行
$("tr:odd").addClass("two");//偶数行
}
);

</script>
<table width="300" border="1" class="color">
<tr>
<td></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>


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