一个js的分页函数

最新推荐文章于 2020-09-02 09:59:22 发布

秀能

最新推荐文章于 2020-09-02 09:59:22 发布

阅读量556

点赞数

分类专栏： WEB前端文章标签：分页 js pagination

本文链接：https://blog.csdn.net/xiunen_z/article/details/38716153

版权

WEB前端专栏收录该内容

21 篇文章 0 订阅

订阅专栏

代码如下

function page(total,curpage,perpage){
	curpage = curpage - 0;
	perpage = perpage - 0;
	total = total - 0;
	var html = [], _total = total || 1, pages = Math.ceil(_total/perpage);
	html.push('<ul class="pagination">');
	if(curpage<=1){
		html.push('<li class="disabled"><a href="javascript:void(0)">«</a></li>');
	}else{
		html.push('<li rel="'+(curpage-1)+'"><a href="javascript:void(0)">«</a></li>');
	}
	for(var i = curpage-4; i < curpage; i ++){
		if(i<=0)continue;
		html.push('<li rel="'+i+'"><a href="javascript:void(0)">'+i+'</a></li>');
	}
	html.push('<li class="disabled"><a href="javascript:void(0)">'+curpage+'</a></li>');
	for(var i=curpage+1; i <= pages; i ++){
		html.push('<li rel="'+i+'"><a href="javascript:void(0)">'+i+'</a></li>');
	}
	if(curpage == pages || total==0){
		html.push('<li class="disabled"><a href="javascript:void(0)">»</a></li>');
	}else{
		html.push('<li rel="'+(curpage+1)+'"><a href="javascript:void(0)">»</a></li>');
	}
	html.push('<li class="disabled"><a href="javascript:void(0)">共 ' + total + '条</a></li>');
	html.push('</ul>');
	return html.join("");
}