sPage

功能描述

  1. jQuery分页插件sPage

快速使用

  1. 1、引入样式文件,可以根据实际需要修改插件样式
  2. <link rel="stylesheet" type="text/css" href="./jquery.sPage.css">
  3. 2、引入jQuery.js文件
  4. <script src="./jquery.min.js"></script>
  5. 3、引入sPage插件
  6. <script src="./jquery.sPage.js"></script>
  7. 4、调用
  8. <div id="myPage"></div>
  9. $("#myPage").sPage({
  10. page:1,//当前页码,必填
  11. total:150,//数据总条数,必填
  12. pageSize:10,//每页显示多少条数据,默认10条
  13. totalTxt:"共{total}条",//数据总条数文字描述,{total}为占位符,默认"共{total}条"
  14. showTotal:true,//是否显示总条数,默认关闭:false
  15. showSkip:true,//是否显示跳页,默认关闭:false
  16. showPN:true,//是否显示上下翻页,默认开启:true
  17. prevPage:"上一页",//上翻页文字描述,默认“上一页”
  18. nextPage:"下一页",//下翻页文字描述,默认“下一页”
  19. backFun:function(page){
  20. //点击分页按钮回调函数,返回当前页码
  21. console.log(page);
  22. }
  23. });

特别说明