关于页面分页条算法

function getPageBar(){
	
	var pageList=10;//每页显示的页码个数
	var startPage,endPage;
	if(curPage%pageList==0){
		startPage= curPage-pageList+1;
	}else{
		startPage=Math.floor(curPage/pageList)*pageList+1;
	}
	endPage=((startPage+pageList)>totalPage)? totalPage : ((startPage+pageList)-1);
	
    //页码小于1
    if(curPage<1) curPage=1;
    pageStr = "<div class='message'>共"+"<i class='blue'>"+total+"</i>"+"条<i>"+curPage+"/"+totalPage+"</i></div>";
    pageStr +="<ul class='paginList'>";
    //首页处理
    pageStr += "<li class='paginItem'><span class='paginItem'><a href='javascript:void(0)' rel='"+1+"'> &lt;&lt;</a></span></li>"; 
    //上一页处理
    if(curPage>1){
    	pageStr +="<li class='paginItem'><span class='paginItem'><a href='javascript:void(0)' rel='"+(curPage-1)+"'>&lt;</a></span></li>";
    }else{
    	pageStr +="<li class='paginItem'><span class='paginItem'><a href='javascript:void(0)' rel='"+1+"'>&lt;</a></span></li>";
    }
    		
    //当前页码的样式处理
    for(i=startPage;i<=endPage;i++){
    	if(curPage == i){
    		pageStr+="<li class='paginItem current'><span class='paginItem'><a href='javascript:void(0)' rel='"+i+"'>"+i+"</a></span></li>";
    	}else{
    		pageStr+="<li class='paginItem'><span class='paginItem'><a href='javascript:void(0)' rel='"+i+"'>"+i+"</a></span></li>";
    	}
    	
    }
    //if(curPage-spanPage>1){pageStr+="<li class='paginItem'><span class='paginItem'><a href='javascript:void(0)'>...</a></span></li>";}
    
    //下一页处理
    if(curPage<totalPage){
    	pageStr +="<li class='paginItem'><span class='paginItem'><a href='javascript:void(0)' rel='"+(parseInt(curPage)+1)+"'>&gt;</a></span></li>";
    }else{
    	pageStr +="<li class='paginItem'><span class='paginItem'><a href='javascript:void(0)' rel='"+totalPage+"'>&gt;</a></span></li>";
    }
    //尾页处理
    pageStr += "<li class='paginItem'><span class='paginItem'><a href='javascript:void(0)' rel='"+totalPage+"'>&gt;&gt;</a></span></li>"; 
    

    pageStr +="</ul>";
    $(".pagin").html(pageStr);

}

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值