样式:
/*CSS scott style pagination*/
DIV.scott {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.scott A {
BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #88af3f; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.scott A:hover {
BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6
}
DIV.scott A:active {
BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6
}
DIV.scott SPAN.current {
BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #b2e05d
}
DIV.scott SPAN.disabled {
BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}
DIV.scott SPAN.hong {
BORDER-RIGHT: #85bd1e 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #85bd1e 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #85bd1e 1px solid; COLOR: black; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #85bd1e 1px solid
}
主要代码:
<tr>
<%
int allCount=new BooksDao().findAllCount();
int maxPage=0;
if(allCount%maxCount==0){
maxPage=allCount/maxCount;
}else{
maxPage=allCount/maxCount+1;
}
int countPage =7; //可见页数量
int centerPage=(countPage/2)+1; //遍历页数的中间数
%>
<td colspan="6"><div class="scott">
<span class="hong"> 总<%=allCount %>条 </span>
<span class="hong"> 共<%=maxPage %>页 </span>
<%
if(p==1){
%>
<span class="disabled"> 上一页 </span>
<%
}else{
%>
<a href="index.jsp?page=<%=p-1 %>"> 上一页 </a>
<%
}
if(p<centerPage){
for(int j=1;j<p;j++){
%>
<a href="index.jsp?page=<%=j %>"><%=j %></a>
<%
}
%>
<span class="current"><%=p %></span>
<%
for(int k=p+1;k<=7;k++){
%>
<a href="index.jsp?page=<%=k %>"><%=k %></a>
<%
}
}else{
if(p+(centerPage-1)<maxPage){
for(int j=p-(centerPage-1);j<p;j++){
%>
<a href="index.jsp?page=<%=j %>"><%=j %></a>
<%
}
%>
<span class="current"><%=p %></span>
<%
for(int k=p+1;k<=p+(centerPage-1) && k<=maxPage;k++){
%>
<a href="index.jsp?page=<%=k %>"><%=k %></a>
<%
}
}else{
for(int j=maxPage-(countPage-1);j<p;j++){
%>
<a href="index.jsp?page=<%=j %>"><%=j %></a>
<%
}
%>
<span class="current"><%=p %></span>
<%
for(int k=p+1;k<=maxPage;k++){
%>
<a href="index.jsp?page=<%=k %>"><%=k %></a>
<%
}
}
}
if(p==maxPage){
%>
<span class="disabled"> 上一页 </span>
<%
}else{
%>
<a href="index.jsp?page=<%=p+1 %>"> 下一页 </a>
<%
}
%>
</div></td>
</tr>
如有不明白,或者有啰嗦的地方需要改进,请联系我:QQ 530740123
(高手不要笑话,供初学者参考)