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

所属分类:导航-分页

 17515  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仿淘宝分页插件(原创)

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

基于Vue的分页插件pagination.js

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

自制实用主义分页插件

自制实用主义分页插件,分享给需要使用或者学习的人
  分页
 43486  450

超简单的jQuery分页功能

就是一个基础分页功能,支持加入ajax
  分页
 31251  198

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

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