分页插件实例

<div class="pagnation" id="pagnation_ckth"></div>

            <script type="text/javascript">
                function initPagnation(maxData,totalData,divObj){
                    maxData = parseInt(maxData);
                    totalData = parseInt(totalData)
                    var pageSize = parseInt((totalData+maxData-1)/maxData);

                    if(pageSize==0){
                        return;
                    }
                    var pagnationHtml = "<a href='javascript:;' class='page-prev'>上一页</a>";
                    if (pageSize <= 5) {
                        for (var i = 1; i <= pageSize; i++) {
                            pagnationHtml += "<a href='javascript:;'>" + i + "</a>";
                        }
                    }
                    else if (pageSize > 5) {
                        for (var i = 1; i <= pageSize; i++) {
                            if (i < 6)
                                pagnationHtml += "<a href='javascript:;'>" + i + "</a>";
                            else
                                pagnationHtml += "<a href='javascript:;' style='display: none'>" + i + "</a>";
                        }
                    }
                    pagnationHtml += "<a href='javascript:;' class='page-next'>下一页</a>";
                    divObj.html(pagnationHtml);
                    if (pageSize != 0) {
                        divObj.find("a").eq(1).addClass("current");
                    }
                    bindClickEvent(divObj,pageSize);
                }
                function bindClickEvent(obj,pageSize){
                    var curNodeText1;
                    obj.find("a").each(function (n) {
                        if (n != 0 && $(this).attr("class") == "current") {
                            curNodeText1 = $(this).text();
                        }

                        $(this).click(function(){
                            //点击上一页
                            if (n == 0) {
                                if (curNodeText1 != "1") {
                                    if (parseInt(curNodeText1) >= 1) {
                                        var temp = 0;
                                        obj.find("a").each(function (nn) {
                                            if ($(this).css("display") != "none") {
                                                temp++;
                                                if (temp == 2 && $(this).text() == curNodeText1) {
                                                    obj.find("a").eq(parseInt(curNodeText1) + 4).hide();
                                                }
                                            }
                                        });
                                        obj.find("a").eq(parseInt(curNodeText1) - 1).show();
                                    }
                                    obj.find("a").eq(parseInt(curNodeText1) - 1).addClass("current").siblings(obj.find("a")).removeClass("current");
                                }
                            }
                            //下一页
                            else if (n == pageSize + 1) {
                                if (curNodeText1 != pageSize) {
                                    if (parseInt(curNodeText1) >= 5) {
                                        obj.find("a").eq(parseInt(curNodeText1) - 4).hide();
                                        obj.find("a").eq(parseInt(curNodeText1) + 1).show();
                                    }
                                    obj.find("a").eq(parseInt(curNodeText1) + 1).addClass("current").siblings(obj.find("a")).removeClass("current");
                                }
                            }
                            //page页
                            else {
                                $(this).addClass("current").siblings(obj.find("a")).removeClass("current");
                            }
                            obj.find("a").each(function (m) {
                                if (m != 0 && $(this).attr("class") == "current") {
                                    curNodeText1 = $(this).text();
                                }
                            });
                            //alert(curNodeText1);
                        });
                    });
                }
                $(document).ready(function(){
                    initPagnation(6,63,$("#pagnation_ckth"));
                });
            </script>