比如说是table布局
首先设定 样式1
.style1{样式自己定义}
.style2{...}
引用jquery内裤
写方法
$(function(){
$("tr:even").addClass("style1") //奇数行的样式
$("tr:odd").addClass("style2") //偶数行的样式
})
这样就是交替行的样式
用样式表能实现，就是将表格偶数行和奇数行的标签的"class"属性分别设置为不同的值，然后在样式表里控制就可以了。比如读出数据后存在rs里。
<%
for(int k=0rs.next()k++){
%>
<tr class="<%=viewTest.getTrClass(k)%>">。。。。</tr>//表格行
<%
}
%>
viewTest类的代码
public viewTest{
public static String getTrClass(int k){
if(k%2==0){
return "tr_even"//偶数行的class
}
return "tr_odd"//奇数行的class
}
}
然后在样式表里控制
.tr_even{//样式表里怎么控制就随心所欲了。。
}
.tr_odd{
}
顺便说一下，样式表设置了表格行的背景色之后会被单元格（<td>标签）的背景色盖过去，所以在样式表里还要把单元格背景设为透明
首先,你要知道一个基础table的标签怎么去写,只有知道这个基础,你才能更好的用bootstrap中的table.html在这不过多说明.既然看这篇文章,肯定都能够理解.然后现在就把bootstrap中的table来详细说明一下.基础的table如下:下面了解一下bootstrap中table,没有什么大道理可以讲解.唯有一点,通过表格的方式展示页面.首先有必要样式.table.和一些选用样式.举例说明必要样式.首先要搭建一个基础框架,请看系列经验第一篇.在搭建的基础框架里面的body部分填写table信息.然后在table的标签上加上基础样式.table的css样式.你立刻发现,界面瞬间好看多了.说明一下除了必要的.table之外,还有很多可选的class.不同的可选class.是可以联合使用的.1.我们常用的就有边框的table.只需要使用.table-bordered查看效果图.2.斑马线,也就是隔行相同颜色的一个样式.使用.table-striped样式.注意点有2个:(1)斑马线是对tbody中的行起作用(2)斑马线的实现方式是通过:nth-childCSS选择器实现的,但是呢,他不被ie8支持,你懂我说的.3.鼠标悬停在行上,改变行的背景颜色.使用.table-hover样式.注意:这个需要多行的时候,这种效果更加明显.4.让表格更加紧凑的样式.table-condensed,它是让表格单元格中的内部（padding）减半.展现的内容,和的显示内容.其他的提醒说明:在bootstrap中有这样的几个样式,可以说是提醒样式.每个样式都是一种提醒方式.这些方式也可以放到table中.只需要使用class即可.上面状态的样式,可以使用到不同的内容中,比方说,tr中,td中,都是可以的.下面的举例说明.注意点:在使用这个样式的时候不能使用.table-striped的样式,会出现不能正常显示的问题.还有就是现在比较流行的响应式的table.只需要在table包含在.table-responsive中即可,作用为:当屏幕小于768的时候,才会出现滚动条,否则滚动条消失.
