基于jquery的简单分页实现

先上图：

之前在做表格插件想把分页整合进去，原本去网站找一个现成的整合进去，发现有些太简单或者很复杂，达不到自己的要求，自己想还是自己整一个，顺便了解一下其中的原理。
分页样式是基于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 = Math.ceil(total / p