比如说是table布局
首先设定 样式1
.style1{样式自己定义}
.style2{...}
引用jquery内裤
写方法
$(function(){
$("tr:even").addClass("style1") //奇数行的样式
$("tr:odd").addClass("style2") //偶数行的样式
})
这样就是交替行的样式
是说的这样的吗
<table width="600" border="1" cellpadding="0" cellspacing="0"><tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
</tr>
<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
</tr>
<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
</tr>
<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
</tr>
<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
</tr>
</table> <style>
table{ border:1px #ccc solid margin:0 auto}
tr td{ border:1px #ccc solid height:40px}
tr:nth-child(2n){ background:#ccc}
</style>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)