本人初学JSP,我有两个表格 ,怎么样才能实现第二个表格的隔行换色的效果。希望大家给我个解决的办法。
<TABLE>
<TR>
<TD>书名:<INPUT TYPE="text" NAME="name" value=<%=name %>>
类型:<select name="type" >
<option value="爱情" <%if(type.equalsIgnoreCase("爱情")) out.print("selected");%> >爱情</option>
<option value="经济" <%if(type.equalsIgnoreCase("经济")) out.print("selected");%> >经济</option>
</select>
价格区间 :<INPUT TYPE="text" NAME="price1" value=<%=price1 %>>
<INPUT TYPE="text" NAME="price2" value=<%=price2 %>>
<INPUT TYPE="submit" NAME="submit" value="提交">
</TD>
</TR>
</TABLE>
<table id="tables">
<tr>
<td>图书编号</td>
<td>图书名称</td>
<td>图书作者</td>
<td>图书类型</td>
<td>图书价格</td>
</tr>
<c:if test="${books.size()==0}">
<td>无图书信息</td>
</c:if>
<c:if test="${books.size()>0}">
<c:forEach var="books" items="${books}">
<tr>
<td>${books.bnumber }</td>
<td>${books.bname }</td>
<td>${books.bauthor }</td>
<td>${books.ptype }</td>
<td>${books.bprice}</td>
</tr>
</c:forEach>
</c:if>
</table>
<TABLE>
<TR>
<TD>书名:<INPUT TYPE="text" NAME="name" value=<%=name %>>
类型:<select name="type" >
<option value="爱情" <%if(type.equalsIgnoreCase("爱情")) out.print("selected");%> >爱情</option>
<option value="经济" <%if(type.equalsIgnoreCase("经济")) out.print("selected");%> >经济</option>
</select>
价格区间 :<INPUT TYPE="text" NAME="price1" value=<%=price1 %>>
<INPUT TYPE="text" NAME="price2" value=<%=price2 %>>
<INPUT TYPE="submit" NAME="submit" value="提交">
</TD>
</TR>
</TABLE>
<table id="tables">
<tr>
<td>图书编号</td>
<td>图书名称</td>
<td>图书作者</td>
<td>图书类型</td>
<td>图书价格</td>
</tr>
<c:if test="${books.size()==0}">
<td>无图书信息</td>
</c:if>
<c:if test="${books.size()>0}">
<c:forEach var="books" items="${books}">
<tr>
<td>${books.bnumber }</td>
<td>${books.bname }</td>
<td>${books.bauthor }</td>
<td>${books.ptype }</td>
<td>${books.bprice}</td>
</tr>
</c:forEach>
</c:if>
</table>
解决方案 »
- 请教关于tomcat负载均衡,页面无法正常显示的问题
- 该数据库该如何设计
- 在发送邮件遇到的错误
- 求oracle用clob类型存储大量文字信息的例子~~
- java如何从SQL Server2005中读出图片显示在JLabel中?在线等,急急
- 请教:如何在一个jsp中把原request中的一个Attribute延续到下一个request
- 请教高手怎样用JSP写生成静态页面(类似新闻发布系统)
- ■■高分请教:JB中如何在WEB环境下,设置调试WEB应用中JSP、JAVA代码,我是这样做的,可是还是不能进入断点调试,解决后一定给分,不够再
- JDK1.4.1安装Tomcat4.1.16,中文显示为乱码,如何解决?
- 各位兄弟姐妹看过来了,一个不是难题的难题:JSP文件中如何刷新别的帧?用sendRedirect如何进行?
- 怎么实现这个功能? 求大大指教
- Axis2(启用rampart)客户端调用时 报错误
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>
</head>
<body>
<table id="tables">
<tr>
<td>图书编号</td>
<td>图书名称</td>
<td>图书作者</td>
<td>图书类型</td>
<td>图书价格</td>
</tr>
<tr>
<td>图书编号</td>
<td>图书名称</td>
<td>图书作者</td>
<td>图书类型</td>
<td>图书价格</td>
</tr>
<tr>
<td>图书编号</td>
<td>图书名称</td>
<td>图书作者</td>
<td>图书类型</td>
<td>图书价格</td>
</tr>
<tr>
<td>图书编号</td>
<td>图书名称</td>
<td>图书作者</td>
<td>图书类型</td>
<td>图书价格</td>
</tr>
<tr>
<td>图书编号</td>
<td>图书名称</td>
<td>图书作者</td>
<td>图书类型</td>
<td>图书价格</td>
</tr>
</table>
<script>
function $(el){
return typeof el == 'string' ? document.getElementById(el) : el;
}
function $t(name, cot){
cot = cot || document;
return cot.getElementsByTagName(name);
}
var trs = $t('tr');
for(var i = 0, len = trs.length; i < len; i++){
if( i % 2 == 0 ){
trs[i].style.backgroundColor = '#999';
}
}
</script>
</body>
</html>参考下
<c:forEach var="books" items="${books}">
<tr class="<c:if test="books.index%2==1"">基数行样式</c:if><c:else>偶数行样式</c:else>>
<td>${books.bnumber }</td>
<td>${books.bname }</td>
<td>${books.bauthor }</td>
<td>${books.ptype }</td>
<td>${books.bprice}</td>
</tr>
</c:forEach>
$(function() {
$("#t1 tbody>tr:odd").addClass("odd");
$("#t1 tbody>tr:even").addClass("even");
})
</script>
css 自己去写吧
$(document).ready(function(){
$("tr:odd").addClass("oddtest");
$("tr:even").addClass("eventest");
});
</script>
<style type="text/css">
.oddtest{
color: red;
}
.eventest{
color: green;
}
</style>
颜色什么的,自己去调吧。