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

在JSP页面需要引入样式 style.css    引入js   jquery.js 和 jquery.paginate.js

以及一个id 为pagination的div

需要两个


获取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;
      }
  });
 });

你可能感兴趣的:(Jquery)