jQuery插件分享之分页插件jqPagination

  使用方法:

  添加 jQuery 类库、jqPagination 插件的 JS 和 CSS 文件

  

复制代码 代码如下:

  <link rel="stylesheet" href="jqpagination.css"/>

  <script src="jquery-1.6.2.min.js"></script>

  <script src="jquery.jqpagination.min.js"></script>

  再需要如下HTML

  

复制代码 代码如下:

  <div class="pagination">

  <a href="#" class="first" data-action="first">«</a>

  <a href="#" class="previous" data-action="previous">‹</a>

  <input type="text" readonly="readonly" data-max-page="40" />

  <a href="#" class="next" data-action="next">›</a>

  <a href="#" class="last" data-action="last">»</a>

  </div>

  最后初始化插件

  

复制代码 代码如下:

  $('.pagination').jqPagination({

  link_string : '/?page={page_number}',

  current_page: 5, //设置当前页 默认为1

  max_page : 40, //设置最大页 默认为1

  page_string : '当前第{current_page}页,共{max_page}页',

  paged : function(page) {

  //回发事件。。。

  }

  });