效果如下:

HTML代码:

引入:

//总页数

//当前页

//分页容器显示的地方

js代码:

var totalNum= document.getElementById('total').value;

var nums = 5; //每页出现的数量

var pages = Math.ceil(totalNum/nums); //得到总页数

var currpage=document.getElementById("num").value;

//调用分页

laypage({

cont: 'fenye',//分页容器的id

pages: pages, //总页数

curr:currpage, //当前页

skin: 'yahei', //当前页的颜色

jump:function(e,first){

if(!first){

location.href = '#?pageNumber='+e.curr;

}

}

});

后台只需要接收pageNumer的值。

js文件和css下载的地址:点击打开链接

laypage分页java例子_layPage分页示例相关推荐

  1. laypage分页java例子_laypage分页插件的使用

    laypage是用于分页的插件,该插件通过js请求分页数据 1.载入js文件 2.在页面中显示分页信息的地方插入标记 3.添加js var url = '{:url("article/lis ...

  2. ssm整合oracle分页,java实现ssm分页工具类及其使用方法

    分享一下我现在所使用的分页工具类,不像网上的那么规范 纯属自己总结根据逻辑敲出来的,基于mysql的limit来做分页.有不对的地方还望大佬指出,直接上代码 PageTools package com ...

  3. 模态框分页java代码_ajax分页效果(bootstrap模态框)

    ajax分页效果图: 上干货: /** * ajax分页 */ $(function(){ $(".modal-body").find(".pagination" ...

  4. java实现layui分页_基于LayUI分页和LayUI laypage分页的使用示例

    本文介绍了LayUI分页,LayUI动态分页,LayUI laypage分页,LayUI laypage刷新当前页,分享给大家,具体如下: 效果图: 一.引用js依赖 主要是jquery-1.11. ...

  5. java里ssm框架分页代码_SSM框架实现分页查询例子

    [实例简介] SSM框架实现分页查询例子,对应博客地址https://blog.csdn.net/sinat_37001576 [实例截图] [核心代码] SSM-Project └── SSM-Pr ...

  6. java mysql jsp分页_JSP+MYSQL+Java类优化分页的实例

    在JSP中经常要用到查询数据库中的数据,同常我们的做法是使用SQL语句"select * from tablename order by id desc",这样的做法有一个缺点,当 ...

  7. Java Web -【分页功能】详解

    分页简介 分页功能在网页中是非常常见的一个功能,其作用也就是将数据分割成多个页面来进行显示. 使用场景: 当取到的数据量达到一定的时候,就需要使用分页来进行数据分割. 当我们不使用分页功能的时候,会面 ...

  8. php+mssql 分页,一个PHP+MSSQL分页的例子

    一个PHP+MSSQL分页的例子 更新时间:2006年10月09日 00:00:00   作者: require "config.php"; dl("extensions ...

  9. 用limit 实现java的简单分页

    https://blog.csdn.net/xinyuezitang/article/details/84324359 用limit 实现java的简单分页 xinyuezitang 2018-11- ...

  10. php ajax mysql 分页查询_PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)

    1.首先做主页面Ajax_pag.php 代码如下: Ajax做分页 .header{ margin-top: 20px; } 关键字: 地区代号地区名称父级代号 2.然后做分页查询JS页面Ajax_ ...

最新文章

  1. Bilateral Filtering(双边滤波) for SSAO(转)
  2. Pipenv: Python包管理神器
  3. 利用Jquery处理跨域请求
  4. 前端学习(2423):补充markdown语法补充
  5. transitionend、change、classList、兼容代码、元素样式属性的操作、-Attribute自定义属性、阻止跳转、元素绑定相同事件、元素解绑事件、事件冒泡、事件三阶段
  6. 验证码一(验证码生成)
  7. C++面试题-指针-指针常量与常量指针
  8. mysql主从复制报错:the master has purged binary logs containing GTIDs that the slave requires
  9. 视频光端机怎么连接 视频光端机接法图解
  10. 第一节计算机课开场白,老师第一节课的开场白
  11. 中国网络游戏未来发展方向
  12. TensorFlow 之 slim(TF-Slim)介绍
  13. Python使用matplotlib可视化哑铃图、强调从一个点到另一个点的变化、数量的变化、客户满意度的变化等(Dumbbell Plot)
  14. js实现在微信中下载app
  15. 计算机网络-基本概念
  16. 【题解】通往奥格瑞玛的道路
  17. 华为交换机:三层交换机实现vlan间通信
  18. 光伏能给企业带来了哪些好处
  19. COM与DLL的区别
  20. iOS 语言基础初探 Xcode 工具

热门文章

  1. 怎样下载mysql5.5_如何下载5.5版的mysql
  2. 如何在电信光猫中查到自己的宽带密码
  3. 计算机硬盘中没有设控制器,电脑设置硬盘为兼容模式
  4. win7显示桌面计算机图标,win7显示桌面图标不见了如何恢复【图文】
  5. 微信跳wap php_微信跳转wap外部浏览器接口如何实现
  6. vs2005启动不了,手把手教你修复它
  7. 屏幕保护程序命令行参数
  8. 单循环赛制php,年度总决赛个人PK循环赛赛制解读
  9. flex blazeds java spring_flex+blazeds+java+spring后台消息推送
  10. Alexa排名 介绍