在JSP页面需要引入样式 style.css 引入js jquery.js 和 jquery.paginate.js
以及一个id 为pagination的div
<div id="pagination" class="pagination"></div>
需要两个
<input type="hidden" id="maxPage" value="${maxPage }">
<input type="hidden" id="page" value="${page }">
获取action传递过来的参数
js部分:
$(function(){
var page_index=$("#page").val();
var maxPage=$("#maxPage").val();
$("#pagination").paginate({
count: maxPage,
start: page_index-1,
display: 9,
border: true,
border_color: "#AAE",//边框的颜色
text_color: "#15B" ,//页码文字的颜色
background_color: "#FFFFFF",//页码容器的背景颜色
border_hover_color: "#AAE",//当鼠标移动到页码上时,容器的边框颜色
text_hover_color: "#FFFFFF",//当鼠标移动到页码上时,页码文字的颜色
background_hover_color: "#26B",//当鼠标移动到页码上时,容器的背景颜色
mouse: "press",//如果为 “press” 那么当鼠标在上一页或下一页上按下的时候,页码将会一直滚动,如果为 “slide” 那么鼠标点击一次页码就会滚动一次
onChange: function(page_index) {
location.href = "xxxAction?page=" + page_index+"&maxPage="+maxPage;
}
});
});