简单分页

来源:互联网 发布:淘宝店铺名片 编辑:程序博客网 时间:2024/05/16 01:52
function subbarPageKey_QF2(cuurentPage,maxPage){
    var page_Size = 10;
    
    var html_subbarpage = '<div id="subbarpage" class="sub_title_bar in_dialog" style="float: right; padding-right: 20px;;">';
    
    
    
    html_subbarpage += '<li id="countRule_Saved_Groupsend">';
    html_subbarpage += '<div class="grayr">';
    html_subbarpage += '<a href="javascript:void(0)" onclick="pageChangeQF2('+1+','+page_Size+','+maxPage+')"> 首页  </a>';
    if((cuurentPage-1)>0){
        html_subbarpage += '<a href="javascript:void(0)" onclick="pageChangeQF2('+(cuurentPage-1)+','+page_Size+','+maxPage+')"><  </a>';
    }else{
        html_subbarpage += '<a href="javascript:void(0)"><  </a>';
    }
    //规定最多可以显示5页 多余的不显示
    for(var i=1;i<=maxPage;i++){
            //注释    
        if((cuurentPage)==i){
            html_subbarpage += '<a class="actives paging_'+i+'" href="javascript:void(0)" onclick="pageChangeQF2('+i+','+page_Size+','+maxPage+')"> '+i+'  </a>';
        }else{
            html_subbarpage += '<a class="paging_'+i+'" href="javascript:void(0)" onclick="pageChangeQF2('+i+','+page_Size+','+maxPage+')"> '+i+'  </a>';
        }
    }
    if((cuurentPage)<maxPage){        
        html_subbarpage += '<a href="javascript:void(0)" onclick="pageChangeQF2('+(parseInt(cuurentPage)+1)+','+page_Size+','+maxPage+')">>  </a>';
    }else{
        html_subbarpage += '<a href="javascript:void(0)" >>  </a>';
    }
    html_subbarpage += '<a href="javascript:void(0)" onclick="pageChangeQF2('+maxPage+','+page_Size+','+maxPage+')">  末页 </a>';
    html_subbarpage += '</div></li>';
   
    html_subbarpage +='</div>';

   

if(maxPage>1){
        
    $("#subbarpage").replaceWith(html_subbarpage);
    }else{
        $(".grayr").replaceWith('');
    }

 
    
    if(maxPage>5){
        if(cuurentPage>2&&(maxPage-cuurentPage)>2){
            //alert("去两端");
            for(var j=1;j<(cuurentPage-2);j++){//此循环去掉cuurentpage前两个    前面的所有
                $(".paging_"+j).replaceWith("");
            }
            for(var k=cuurentPage+2+1;k<=maxPage;k++){
                $(".paging_"+k).replaceWith("");
            }
        }else if(cuurentPage>2&&(maxPage-cuurentPage)<=2){
            //alert("去头");
            for(var m=1;m<=(maxPage-5);m++){
                $(".paging_"+m).replaceWith("");
            }
        }else if(cuurentPage<=2&&(maxPage-cuurentPage)>2){
            //alert("去屁股"+cuurentPage+"///"+maxPage);
            for(var n=5+1;n<=maxPage;n++){
                $(".paging_"+n).replaceWith("");
            }
        }
    }
}
function pageChangeQF2(currentPage,page_size,maxPage){
    var pageindex = currentPage;
    var pagesize =  page_size;
    var ghUser = $("#ghUser").val();
    articles02(currentPage);
}
//具体样式自己可以用css控制,我的效果看图片
0 0
原创粉丝点击