jquery.pagination.js创建一个漂亮的分页条

       做网站有一个经常需要用到的小模块就是分页,分页功能的实现需要前台和后台共同共同完成,大体来说,分页主要需要知道这么几个参数:总条数、每页显示的条数、计算得到的总页数、当前页数、点击的下一页数;

       如果你做过分页,就应该知道这么一个常常需要重做的模块是有多么烦人了。你需要在重多的前台和后台的数据逻辑中寻找出清晰的思路来。如果是前台界面已经设计完善,那么工作量可能就要小很多。

       做了这么多的分页,你的分页界面还是这样吗?

       

       额,这样会不会好很多。

       

       这是一个应用jquery.pagination.js创建的还算不错的分页条,它的所有参数都放在了js中,从后台传入参数填写到相应的位置,再把当前页数传回后台,分页条就做好了。应用还是很方便的。

       源文件下载链接:http://download.csdn.net/detail/luohuaishao/6966637

下面是在网上搜集的一些jquery.pagination.js的参数说明:

参数名

描述

参数值

maxentries

总条目数

必选参数,整数

items_per_page

每页显示的条目数

可选参数,默认是10

num_display_entries

连续分页主体部分显示的分页条目数

可选参数,默认是10

current_page

当前选中的页面

可选参数,默认是0,表示第1页

num_edge_entries

两侧显示的首尾分页的条目数

可选参数,默认是0

link_to

分页的链接

字符串,可选参数,默认是"#"

prev_text

“前一页”分页按钮上显示的文字

字符串参数,可选,默认是"Prev"

next_text

“下一页”分页按钮上显示的文字

字符串参数,可选,默认是"Next"

ellipse_text

省略的页数用什么文字表示

可选字符串参数,默认是"…"

prev_show_always

是否显示“前一页”分页按钮

布尔型,可选参数,默认为true,即显示“前一页”按钮

next_show_always

是否显示“下一页”分页按钮

布尔型,可选参数,默认为true,即显示“下一页”按钮

pageselectCallback

回调函数

当点击链接的时候此函数被调用,此函数接受两个参数,新一页的id和pagination容器(一个DOM元素)。如果回调函数返回false,则pagination事件停止执行

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值