码迷,mamicode.com
首页 > Web开发 > 详细

分页 js

时间:2017-03-31 00:41:44      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:dba   size   span   .text   ase   asc   logs   rpg   div   

<script>
    $(function () {
        var barSize = 6,
                midBarSize = Math.floor(barSize / 2),
                totalPg = parseInt($("#totalPage").text()),
                curPgCode = parseInt($("#curPageCode").text()),
                item = "",
                i = 0;
        if (totalPg <= barSize) {//总页数小于等于10页,加载所有
            for (i; i < totalPg; i++) {
                if (curPgCode === i) {
                    item += "<li class=‘page-item curPageCode‘><a class=‘page-link‘ href=‘javascript:void()‘>" + i + "</a></li>";
                } else {
                    item += "<li class=‘page-item‘><a class=‘page-link‘ href=‘${base}?page=" + i + "‘>" + i + "</a></li>";
                }
            }
            $("#page-bar-content").after(item);
        } else if (totalPg > barSize) {//总页数大于10页,加载10页
            if (curPgCode <= midBarSize) {//当前页为前6页,加载前10页
                for (i; i < barSize; i++) {
                    if (i === curPgCode) {
                        item += "<li class=‘page-item curPageCode‘><a class=‘page-link‘ href=‘javascript:void()‘>" + i + "</a></li>";
                    } else {
                        item += "<li class=‘page-item‘><a class=‘page-link‘ href=‘${base}?page=" + i + "‘>" + i + "</a></li>";
                    }
                }
                $("#page-bar-content").after(item);
            } else if (curPgCode >= totalPg - midBarSize) {//当前页是后5页,加载最后10页
                for (i = totalPg - barSize; i <= totalPg - 1; i++) {
                    if (i === curPgCode) {
                        item += "<li class=‘page-item curPageCode‘><a class=‘page-link‘ href=‘javascript:void()‘>" + i + "</a></li>";
                    } else {
                        item += "<li class=‘page-item‘><a class=‘page-link‘ href=‘${base}?page=" + i + "‘>" + i + "</a></li>";
                    }
                }
                $("#page-bar-content").after(item);
            } else {//当前页不是前几页,也不是最后几页.加载当前页的前5页和后4页
                for (i = curPgCode - midBarSize; i <= curPgCode + midBarSize - 1; i++) {
                    if (i === curPgCode) {
                        item += "<li class=‘page-item curPageCode‘><a class=‘page-link‘ href=‘javascript:void()‘>" + i + "</a></li>";
                    } else {
                        item += "<li class=‘page-item‘><a class=‘page-link‘ href=‘${base}?page=" + i + "‘>" + i + "</a></li>";
                    }
                }
                $("#page-bar-content").after(item);
            }
        }

    });
</script>

 

分页 js

标签:dba   size   span   .text   ase   asc   logs   rpg   div   

原文地址:http://www.cnblogs.com/lemos/p/6649133.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!