翻页插件

翻页效果如下:

(function($) {
    $.fn.extend({
        page: function(setting) {
            var defaultSet = {
                limit: 10, //每页显示的记录条数
                pageCount: 1, //总页数
                pageIndex: 1 //当前页码
            };
            var setting = $.extend(defaultSet, setting);
           // var hogan = require("Hoganjs");
            var pageArray = []; //存放页码的数组
            if(setting.pageIndex == 1){
                pageArray.push("<a class='disable'>«</a>");
            }else{
                pageArray.push("<a>«</a>");
            }

            //当总页数小于10时,不需要省略号

            if(setting.pageCount <= 12){
                for(var i = 1 ; i <= setting.pageCount ; i ++){
                    this.setPageItem(pageArray, i, setting.pageIndex);
                }
            }else{
                if( parseInt(setting.pageIndex,10) >=4 && parseInt(setting.pageIndex,10) < (setting.pageCount - 8)){
                    pageArray.push(" <a value="+1+">" + 1 + "</a ><a style='border:0'>...</a>");
                    for(var i = parseInt(setting.pageIndex,10,10,10) ; i <= parseInt(setting.pageIndex,10,10) + 5 ; i ++){
                    this.setPageItem(pageArray, i, setting.pageIndex);
                    }
                    pageArray.push("<a style='border:0'>...</a>");
                    for(var i = setting.pageCount - 2 ; i <= setting.pageCount; i ++){
                        this.setPageItem(pageArray, i, setting.pageIndex);
                    }
                }else if(parseInt(setting.pageIndex,10) >= (setting.pageCount - 8)){
                    pageArray.push(" <a value="+1+">" + 1 + "</a ><a style='border:0'>...</a>");
                    for(var i = setting.pageCount - 8 ; i <= setting.pageCount; i ++){
                        this.setPageItem(pageArray, i, setting.pageIndex);
                    }
                }else{
                    for(var i = 1 ; i <= 8 ; i ++){
                    this.setPageItem(pageArray, i, setting.pageIndex);
                    }
                    pageArray.push("<a style='border:0'>...</a>");
                    for(var i = setting.pageCount - 2 ; i <= setting.pageCount; i ++){
                        this.setPageItem(pageArray, i, setting.pageIndex);
                    }
                }
            }
            if(setting.pageIndex == setting.pageCount){
                pageArray.push("<a class='disable'>»</a>");
            }else{
                pageArray.push("<a>»</a>");
            }

            $("#page").html(pageArray.join(""));
        },

        setPageItem: function(array, index, pageIndex) {
            if (index == pageIndex) {
                array.push("<a class='cur' value="+pageIndex+">" + pageIndex + "</a>");
            } else {
                array.push(" <a value="+index+">" + index + "</a > ");
            }
        }
    });
})(jQuery)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值