全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

layui分页效果实现代码

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

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>分页</title>
  <link rel="stylesheet" href="layui/css/layui.css" >
 </head>
 <body>
  <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
   <legend>开门见山 : 默认分页</legend>
  </fieldset>
  <div id="demo1"></div>
  <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
   <legend>开启 URL hash</legend>
  </fieldset>
  <div id="demo5"></div>

  <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
   <legend>是时候看一下完整功能了!</legend>
  </fieldset>
  <div id="demo7"></div>

  <script src="layui/layui.js"></script>
  <script>
   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
    });
   });
  </script>
 </body>
</html>

效果图:

官网分页

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


# layui  # 分页  # layUI实现前端分页和后端分页  # layui实现数据分页功能(ajax异步)  # layui实现数据表格table分页功能(ajax异步)  # layui实现数据分页功能  # Layui实现带查询条件的分页  # layui实现动态和静态分页  # 基于LayUI分页和LayUI laypage分页的使用示例  # 基于LayUI实现前端分页功能的方法  # 深入理解jQuery layui分页控件的使用  # 基于ssm框架实现layui分页效果  # 开门见山  # 自定义  # 看一下  # 大家分享  # 具体内容  # 官网  # 值为  # 大家多多  # 当前页  # stylesheet  # href  # css  # rel  # title  # UTF  # link  # style  # margin  # top 


相关文章: 制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站?  兔展官网 在线制作,怎样制作微信请帖?  如何在香港服务器上快速搭建免备案网站?  如何通过PHP快速构建高效问答网站功能?  实例解析angularjs的filter过滤器  如何配置IIS站点权限与局域网访问?  网页设计网站制作软件,microsoft office哪个可以创建网页?  如何高效配置香港服务器实现快速建站?  专业网站建设制作报价,网页设计制作要考什么证?  如何在云主机上快速搭建多站点网站?  如何快速搭建FTP站点实现文件共享?  香港服务器建站指南:免备案优势与SEO优化技巧全解析  如何在IIS7上新建站点并设置安全权限?  建站之星安装后界面空白如何解决?  如何自己制作一个网站链接,如何制作一个企业网站,建设网站的基本步骤有哪些?  三星网站视频制作教程下载,三星w23网页如何全屏?  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  如何在云指建站中生成FTP站点?  济南专业网站制作公司,济南信息工程学校怎么样?  建站主机功能解析:服务器选择与快速搭建指南  如何在阿里云域名上完成建站全流程?  网站制作公司,橙子建站是合法的吗?  金*站制作公司有哪些,金华教育集团官网?  广州顶尖建站服务:企业官网建设与SEO优化一体化方案  新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站,我要发表小说?  建站之星代理如何获取技术支持?  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?  桂林网站制作公司有哪些,桂林马拉松怎么报名?  php8.4新语法match怎么用_php8.4match表达式替代switch【方法】  黑客如何通过漏洞一步步攻陷网站服务器?  建站之星安装提示数据库无法连接如何解决?  网站代码制作软件有哪些,如何生成自己网站的代码?  高配服务器限时抢购:企业级配置与回收服务一站式优惠方案  制作充值网站的软件,做人力招聘为什么要自己交端口钱?  如何选择高性价比服务器搭建个人网站?  c++怎么用jemalloc c++替换默认内存分配器【性能】  官网自助建站系统:SEO优化+多语言支持,快速搭建专业网站  如何获取上海专业网站定制建站电话?  建站三合一如何选?哪家性价比更高?  如何在IIS7中新建站点?详细步骤解析  如何在云主机上快速搭建网站?  如何高效配置IIS服务器搭建网站?  建站主机SSH密钥生成步骤及常见问题解答?  如何在IIS中新建站点并配置端口与物理路径?  小捣蛋自助建站系统:数据分析与安全设置双核驱动网站优化  天河区网站制作公司,广州天河区如何办理身份证?需要什么资料有预约的网站吗?  头像制作网站在线观看,除了站酷,还有哪些比较好的设计网站?  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  ,sp开头的版面叫什么?  黑客如何利用漏洞与弱口令入侵网站服务器? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。