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

所属分类:导航-分页

 17294  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前端分页

一款非常简洁漂亮方便调用的jQuery前端分页,没有多余的JS和文件。
  分页
 95418  375

bootstrap4的jquery分页插件

bootstrap4的jquery分页插件,支持刷新不变页数
  分页
 39381  302

jQuery分页插件

兼容IE8的分页插件,简单易用。
  分页
 37181  313

jQuery前端分页插件pageGroup.js

一款非常简洁漂亮方便调用的jQuery前端分页,没有多余的JS和文件,页面多可隐藏
  分页
 60174  376

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

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