zoukankan      html  css  js  c++  java
  • js实现的分页代码 枫

    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>"));
        }
    }

  • 相关阅读:
    SQL SERVER 随笔知识点
    c# 异步之async/await ,Task
    c# 委托探究
    JS项整理
    C#功能块代码
    Core HostBuilder构建管道,报错提示"Value cannot be null”
    解析Swagge.Json生成Word文档
    C# Http
    C# 责任链模式
    C# 单例模式
  • 原文地址:https://www.cnblogs.com/mrray/p/2104097.html
Copyright © 2011-2022 走看看