最新版本代码请移步到https://github.com/pgkk/kkpager
在线测试链接:http://pgkk.github.io/kkpager/example/pager_test.html
分页按钮思想:
1、少于9页,全部显示
2、大于9页,1、2页显示,中间页码当前页为中心,前后各留两个页码
附件中有完整例子的压缩包下载。已更新到最新版本
先看效果图:
01输入框焦点效果
02效果
模仿淘宝的分页按钮效果控件kkpager JS代码:
Js代码
var kkpager = {
//divID
pagerid : 'div_pager',
//当前页码
pno : 1