jquery.paginate.js 分页插件的使用

在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;
      }
  });
 });