jquery分页(根据列表条数)

最新推荐文章于 2024-09-01 14:04:36 发布

HelloStarnger

最新推荐文章于 2024-09-01 14:04:36 发布

阅读量293

点赞数

分类专栏： js/jauery 文章标签： jquery function

本文链接：https://blog.csdn.net/f438952359/article/details/7740794

版权

js/jauery 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

/**********************************************/
$(function(){
	pageList();//调用分页函数
})
/******************函数***********************/

	var obj,j;//内容, 获取总条数
	var page=0;
	var nowPage=0;//当前页
	var listNum=3;//每页显示条数
	var PagesLen;//总页数
	var PageNum=4;//分页链接数(5个)

	var pageList = function(){
		obj=$("#page").find("li");//列表
		j=obj.length;
		PagesLen=Math.ceil(j/listNum);
		upPage(0);
		}
		
	var upPage = function(p){
		nowPage=p//当前页码
		//内容变换
		for (var i=0;i<j;i++){
			obj[i].style.display="none";
			}
		for (var i=p*listNum;i<(p+1)*listNum;i++){
			if(obj[i])obj[i].style.display="block";
			}
		//分页链接变换
		strS='<a href="#" οnclick="upPage(0)">首页</a> '//首页
		var PageNum_2=PageNum%2==0?Math.ceil(PageNum/2)+1:Math.ceil(PageNum/2);
		var PageNum_3=PageNum%2==0?Math.ceil(PageNum/2):Math.ceil(PageNum/2)+1;
		var strC="",startPage,endPage;
		if (PageNum>=PagesLen) {
			startPage=0;
			endPage=PagesLen-1
			}else if (nowPage<PageNum_2){
				startPage=0;
				endPage=PagesLen-1>PageNum?PageNum:PagesLen-1;//首页
				}else {
					startPage=nowPage+PageNum_3>=PagesLen?PagesLen-PageNum-1: nowPage-PageNum_2+1;
					var t=startPage+PageNum;endPage=t>PagesLen?PagesLen-1:t
					}
		for (var i=startPage;i<=endPage;i++){
		 if (i==nowPage){
			 strC+='<a href="#" style="color:red;font-weight:700;" οnclick="upPage('+i+')">'+(i+1)+'</a> ';//页码
				 }else {strC+='<a href="#" οnclick="upPage('+i+')">'+(i+1)+'</a> ';
			   }
			}
		strE=' <a href="#" οnclick="upPage('+(PagesLen-1)+')">尾页</a> ';//尾页
		strE2=nowPage+1+"/"+PagesLen+"页"+"  共"+j+"条";//页数
		/****************************输出页码***************************************/
		$("#changpage").html(strS+strC+strE+strE2);//显示分页
	}