先看看效果图:
1、效果描述:
不用分页即可显示的jQuery插件 jQuery分页插件——jQuery.page.js用法很简单,效果很棒2、调用方法:
方法,p是当前页码
}
});
pageCount:总页数
current:当前页
3、js封装代码
1){
obj.append('');
}else{
obj.remove('.prevPage');
obj.append('');
}
//中间页码
if(args.current != 1 && args.current >= 4 && args.pageCount != 4){
obj.append('');
}
if(args.current-2 > 2 && args.current <= args.pageCount && args.pageCount > 5){
obj.append('...');
}
var start = args.current -2,end = args.current+2;
if((start > 1 && args.current < 4)||args.current == 1){
end++;
}
if(args.current > args.pageCount-4 && args.current >= args.pageCount){
start--;
}
for (;start <= end; start++) {
if(start <= args.pageCount && start >= 1){
if(start != args.current){
obj.append('');
}else{
obj.append('');
}
}
}
if(args.current + 2 < args.pageCount - 1 && args.current >= 1 && args.pageCount > 5){
obj.append('...');
}
if(args.current != args.pageCount && args.current < args.pageCount -2 && args.pageCount != 4){
obj.append('');
}
//下一页
if(args.current < args.pageCount){
obj.append('下一页');
}else{
obj.remove('.nextPage');
obj.append('下一页');
}
})();
},//绑定事件
bindEvent:function(obj,args){
return (function(){
obj.on("click","a.tcdNumber",function(){
var current = parseInt($(this).text());
ms.fillHtml(obj,{"current":current,"pageCount":args.pageCount});
if(typeof(args.backFn)=="function"){
args.backFn(current);
}
});
//上一页
obj.on("click","a.prevPage",function(){
var current = parseInt(obj.children("span.current").text());
ms.fillHtml(obj,{"current":current-1,"pageCount":args.pageCount});
if(typeof(args.backFn)=="function"){
args.backFn(current-1);
}
});
//下一页
obj.on("click","a.nextPage",{"current":current+1,"pageCount":args.pageCount});
if(typeof(args.backFn)=="function"){
args.backFn(current+1);
}
});
})();
}
}
$.fn.createPage = function(options){
var args = $.extend({
pageCount : 10,current : 1,backFn : function(){}
},options);
ms.init(this,args);
}
})(jQuery);
4、使用demo:
<span style="display:none;">
@H_403_45@
<div class="tcdPageCode">
调用方法: $(".tcdPageCode").createPage({ pageCount:10,backFn:function(p){ //单击回调方法,p是当前页码 } }); pageCount:总页数 current:当前页