jQuery插件分享之分页插件jqPagination
使用方法:
添加jQuery类库、jqPagination插件的JS和CSS文件
<linkrel="stylesheet"href="jqpagination.css"/> <scriptsrc="jquery-1.6.2.min.js"></script> <scriptsrc="jquery.jqpagination.min.js"></script>
再需要如下HTML
<div> <ahref="#"data-action="first">«</a> <ahref="#"data-action="previous">‹</a> <inputtype="text"readonly="readonly"data-max-page="40"/> <ahref="#"data-action="next">›</a> <ahref="#"data-action="last">»</a> </div>
最后初始化插件
$('.pagination').jqPagination({ link_string:'/?page={page_number}', current_page:5,//设置当前页默认为1 max_page:40,//设置最大页默认为1 page_string:'当前第{current_page}页,共{max_page}页', paged:function(page){ //回发事件。。。 } });