基于Bootstrap 3的简单分页翻页插件

所属分类:导航-分页

 16672  73  查看评论 (0)
分享到微信朋友圈
X
基于Bootstrap 3的简单分页翻页插件 ie兼容11

更新时间:2021-01-21 10:23:49

一直没找到一个合适的分页库,要不功能太多太杂,要不功能太少没有我需要的,于是我决定自己为自己写一个专用的。 

使用方法: 

这个样式用的Bootstrap 3(因为我懒得写新的样式了,如果你们需要,可以自己写),所以需要先引用: 

Bootstrap 3:

<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-3.3.4.css">

 jQuery: 

<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>

然后再引用该插件:

<script src="Pagination.js"></script>

html: 

<div class="container">
    <div class="myPagination"></div>
</div>

相关参数: 

  • page :当前页数 

  • int count:总数量   

  • int limit:每页显示数量  

  • int groups:显示多少个页码按钮 

  • int prev:自定义上一页按钮的HTML代码 

  • string next:自定义下一页按钮的HTML代码 

  • string first:自定义首页按钮的HTML代码  

  • string last:自定义尾页按钮的HTML代码 

相关插件-分页

jQuery仿淘宝分页插件(原创)

根据淘宝分页样式简洁美观功能全面兼容性好易用性好维护简单多个分页互不干扰的分页插件
  分页
 34982  351

实用美观的jquery 分页

代码简单,运行速度快,兼容所有浏览器
  分页
 40413  452

jQuery table分页插件

一款简单快速的前后端分页双套代码
  分页
 66645  464

实用的分页插件zxf_page.js

基于jquery的分页插件
  分页
 45726  389

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复