基于jquery的简单分页实现

这篇博客介绍如何基于jQuery实现一个简单的Boostarp风格分页功能,包括页面引入boostarp.css和jQuery库,HTML代码结构,以及JavaScript实现。虽然作者计划将其整合为一个插件,但因近期忙碌而搁置,分享的源码可查看链接以了解更多。
摘要由CSDN通过智能技术生成

先上图:
这里写图片描述
之前在做表格插件想把分页整合进去,原本去网站找一个现成的整合进去,发现有些太简单或者很复杂,达不到自己的要求,自己想还是自己整一个,顺便了解一下其中的原理。
分页样式是基于boostarp的。
(1)页面引入boostarp.css和jquery
(2)html代码

<div id="pageBox" style="width:1000px;margin: 30px auto;">
</div>

(2)js代码

var total = 500,//数据总条数
    pageNumber = 1,//当前页
    pageSize = 10, //每页显示的条数
    edges = 2,//两侧显示的页码数 大于1
    playes = 5,//主页码区显示的页码数 大于3
    pages = M
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值