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

所属分类:导航-分页

 17909  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分页插件bs_pagination

bs_pagination是jQuery分页插件,基于Bootstrap。完全可配置的,响应网页设计。
  分页
 70691  426

基于Vue的分页插件pagination.js

基于jQuery的分页插件大家都用过很多了吧,今天分享一下基于Vue的分页插件pagination.js
  分页
 61371  324

官网分页特效

官网分页特效
  分页
 43067  395

jquery分页插件

堪称完美jquery分页插件
  分页
 53510  403

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

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