html layui分页代码,layui分页效果实现代码

本文实例为大家分享了layui分页效果的具体代码，供大家参考，具体内容如下

分页

开门见山 ： 默认分页

开启 URL hash

是时候看一下完整功能了！

layui.use(['laypage', 'layer'], function(){

var laypage = layui.laypage

,layer = layui.layer;

laypage({

cont: 'demo1'

,pages: 100 //总页数

,groups: 5 //连续显示分页数

});

laypage({

cont: 'demo5'

,pages: 100

,curr: location.hash.replace('#!fenye=', '') //获取hash值为fenye的当前页

,hash: 'fenye' //自定义hash值

});

laypage({

cont: 'demo7'

,pages: 100

,skip: true

});

});

效果图：

官网分页

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。