前端分页插件 laypage.js laypage.css

百度网盘免费下载链接：https://pan.baidu.com/s/17RTYSrv_Sy1VSrpj8wsflw 密码：qwsy

    <!--导入分页插件css样式-->
    <link rel="stylesheet" href="js/skin/laypage.css">
    <!--导入解析地址栏参数数据插件-->
    <script type="text/javascript" src="js/getParameter.js"></script>
    <!--导入分页插件js代码-->
    <script type="text/javascript" src="js/laypage.js"></script>

• 分页插件使用步骤：

• 导入css/js插件资源放入到js目录下---------------------------------------
  <link rel="stylesheet" href="js/skin/laypage.css">
  <script type="text/javascript" src="js/laypage.js"></script>

  html代码，显示分页组件位置-------------------------------
  <ul id="laypage"></ul>

  插件代码-------------------------------------------------

          //调用分页插件（简洁方式）
          laypage({
              cont: "laypage", //容器。值支持id名、原生dom对象，jquery对象。【如该容器为】：<div id="page1"></div>
              pages: totalPage, //通过后台拿到的总页数
              curr: curPage, //当前页
              skin: '#ffc900',//设置当前页样式，可以使用内置皮肤（yahei），也可以直接赋值16进制颜色值，如:#c00
              groups: 10,//连续显示分页数
              jump: function(obj, first){ //触发分页后的回调
                  //first判断是否第1次切换页码，这里只要不是第1次切换就调用分页获取数据函数获取指定页数据
                  if(!first){ //点击不同页码触发的函数，并传递当前页：obj.curr
                      demo(obj.curr);
                  }
              }
          });

          //调用分页插件（复杂方式）
          laypage({
              cont: "laypage",  //分页需要显示的地方
              pages:totalPage,    //总页数
              curr: curPage,     //当前页
              groups: 10,//连续显示分页数
              skip: true,     //是否开启跳页
              first: ‘首页‘,
              last: ‘尾页‘,
              skin: ‘molv‘,//设置当前页样式，加载内置皮肤，也可以直接赋值16进制颜色值，如:#c00
              prev: ‘<‘, //若不显示，设置false即可
              next: ‘>‘, //若不显示，设置false即可
              jump: function (e, first) { //触发分页后的回调
                      //first判断是否第1次切换页码，这里只要不是第1次切换就调用分页获取数据函数获取指定页数据
                      if (!first) { //点击不同页码触发的函数，并传递当前页：obj.curr
                          demo(obj.curr);
                      }
                  }
          });