分享

js实现的分页代码

 青_春 2016-05-13

function update_page_list(page_bar, total, cur_page,num__per_page)
{
    page_bar.html("");

    if(total<=0) return;

    var num_page = ~~((total+num__per_page-1)/num__per_page);
    if(cur_page > 1) {
        page_bar.append($("<a onclick='goto_page("+(cur_page-1)+")' href='#'>上一页</a>"));
    }

    var start = 1;
    var end=10;
    if(num_page > 10) {
        if(cur_page > 6) {
            page_bar.append($("<a onclick='goto_page("+1+")' href='#'>1</a><strong>...</strong>"));
            if(cur_page+5<=num_page) {
                start = cur_page-4;
                end = cur_page+4;

            }else {
                end = num_page;
                start = num_page - 9;
            }
        }
    }

    if(end > num_page) end = num_page;

    for(var i=start;i<=end; ++i) {
        if(i != cur_page) {
            page_bar.append($("<a onclick='goto_page("+i+")' href='#'>"+i+"</a>"));
        } else {
            page_bar.append($("<strong>"+i+"</strong>"));
        }
    }

    if(end<num_page) {
            page_bar.append($("<strong>...</strong><a onclick='goto_page("+(num_page)+")' href='#'>"+num_page+"</a>"));
    }
    if(num_page > 1 && cur_page < num_page) {
        page_bar.append($("<a onclick='goto_page("+(cur_page+1)+")' href='#'>下一页</a>"));
    }
}    

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多