http://www.houdask.com/site/hd/resources/js/page.js

1function paging(pageNum,pageAll){
2    var pageHtml="";
3    if(pageNum<=0){
4        pageNum=1;
5    }
6    pageHtml+='<ul class="page">';
7    //首页 上一页
8    if(pageNum>1){
9        pageHtml+='<li class="noneBtn" data-val="1">首页</li>'
10                +'<li class="noneBtn" data-val="'+(pageNum-1)+'"><img src="/site/hd/resources/img/home/page_l.png" alt=""></li>';
11    }else{
12        pageHtml+='<li class="noneBtn dot">首页</li>'
13                +'<li class="noneBtn dot"><img src="/site/hd/resources/img/home/pageNo_l.png" alt=""></li>';
14    }
15    //中间页
16    pageHtml+='<li class="active" data-val="'+pageNum+'">'+pageNum+'</li>';
17    //下一页 尾页
18    if(pageNum<pageAll){
19        pageHtml+='<li data-val="'+(parseInt(pageNum)+1)+'"><img src="/site/hd/resources/img/home/page_r.png" alt=""></li>'
20                +'<li data-val="'+pageAll+'" class="endPage">尾页</li>';
21    }else{
22        pageHtml+='<li class="dot"><img src="/site/hd/resources/img/home/pageNo_r.png" alt=""></li>'
23                +'<li class="dot endPage" data-val="'+pageNum+'">尾页</li>';
24    }
25    pageHtml+='<li class="dot">共'+pageAll+'页</li>';
26    pageHtml+='</ul>';
27
28    //跳页
29    pageHtml+='<div class="skip">'
30                    +'<p>跳转至<input type="text" class="skipTxt">页</p>'
31                    +'<input type="button" value="跳转" class="skipBtn">'
32                +'</div>';
33    $("#paging").html(pageHtml);
34}
35
36function pagings(pageNum,pageAll){
37    var pageHtml="";
38    if(pageNum<=0){
39        pageNum=1;
40    }
41    pageHtml+='<ul class="page">';
42    //首页 上一页
43    if(pageNum>1){
44        pageHtml+='<li class="noneBtn" data-val="1">首页</li>'
45                +'<li class="noneBtn" data-val="'+(pageNum-1)+'"><img src="/site/hd/resources/img/home/page_l.png" alt=""></li>';
46    }else{
47        pageHtml+='<li class="noneBtn dot">首页</li>'
48                +'<li class="noneBtn dot"><img src="/site/hd/resources/img/home/pageNo_l.png" alt=""></li>';
49    }
50    //中间页
51    if(pageNum==1){
52        pageHtml+='<li class="active" data-val="1">1</li>';
53    }else{
54        pageHtml+='<li data-val="1">1</li>';
55    }
56    if(pageAll<=10){
57        for(var i=1;i<pageAll;i++){
58            var pageIndex=i+1;
59            if(pageNum==pageIndex){
60                pageHtml+='<li class="active" data-val="'+pageIndex+'">'+pageIndex+'</li>';
61            }else{
62                pageHtml+='<li data-val="'+pageIndex+'">'+pageIndex+'</li>';
63            }
64        }
65    }else if(pageAll>10){
66        if(pageNum>5){
67            pageHtml+='<li class="dot">...</li>';
68        }
69        //当前页码左侧2个，从左往右
70        var arr = [];
71        var left01_pageIndex = 0;
72        var left02_pageIndex = 0;
73        if(pageNum>1){
74            left01_pageIndex=pageNum-2;
75            left02_pageIndex=pageNum-1;
76        }
77        if(left01_pageIndex>1){
78            arr.push(left01_pageIndex);
79        }
80        if(left02_pageIndex>1){
81            arr.push(left02_pageIndex);
82        }
83        //右侧页码2个，从左往右
84        var right01_pageIndex = parseInt(pageNum) + 1;
85        var right02_pageIndex = parseInt(pageNum) + 2;
86        if(pageNum>1){
87            arr.push(pageNum);//当前页码
88        }
89        if(right01_pageIndex<pageAll){
90            arr.push(right01_pageIndex);
91        }
92        if(right02_pageIndex<pageAll){
93            arr.push(right02_pageIndex);
94        }
95        for(var j=0;j<arr.length;j++){
96            var pi=arr[j];
97            if(pi==pageNum){
98                pageHtml+='<li class="active" data-val="'+pi+'">'+pi+'</li>';
99            }else{
100                pageHtml+='<li data-val="'+pi+'">'+pi+'</li>';
101            }
102        }
103        var lastPageIndex = arr[arr.length - 1];
104        if(lastPageIndex+1 < pageAll){
105            pageHtml+='<li class="dot">...</li>'
106                    +'<li data-val="'+pageAll+'">'+pageAll+'</li>';
107        }else if(lastPageIndex+1 == pageAll){
108            pageHtml+='<li data-val="'+pageAll+'">'+pageAll+'</li>';
109        }
110
111    }
112    //下一页 尾页
113    if(pageNum<pageAll){
114        pageHtml+='<li data-val="'+(parseInt(pageNum)+1)+'"><img src="/site/hd/resources/img/home/page_r.png" alt=""></li>'
115                +'<li data-val="'+pageAll+'" class="endPage">尾页</li>';
116    }else{
117        pageHtml+='<li class="dot"><img src="/site/hd/resources/img/home/pageNo_r.png" alt=""></li>'
118                +'<li class="dot endPage" data-val="1">尾页</li>';
119    }
120
121    pageHtml+='</ul>';
122
123    //跳页
124    pageHtml+='<div class="skip">'
125                    +'<p>跳转至<input type="text" class="skipTxt">页</p>'
126                    +'<input type="button" value="跳转" class="skipBtn">'
127                +'</div>';
128    $("#paging").html(pageHtml);
129}