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

  • 相关阅读:
    python--函数的返回值、函数的参数
    python--字典,解包
    Vue--ElementUI实现头部组件和左侧组件效果
    Vue--整体页面布局
    jmeter--non GUI
    python--切片,字符串操作
    celery--调用异步任务的三种方法和task参数
    celery--实现异步任务
    celery--介绍
    开发问题记录
  • 原文地址:https://www.cnblogs.com/mrray/p/2104097.html
Copyright © 2011-2022 走看看