简单的分页

Html

Css

  
            aaaaaa1   
            aaaaaa2    
            aaaaaa3    
            aaaaaa4    
            aaaaaa5    
            aaaaaa6   
            aaaaaa7   
            aaaaaa8    
            aaaaaa9    
            aaaaaa10    
            aaaaaa11    
            aaaaaa12  
            aaaaaa13   
            aaaaaa14    
            aaaaaa15    
            aaaaaa16    
            aaaaaa17    
            aaaaaa18

var $div = $(".container");
var $show = $("#show");
var $pages = $("#pages");
var pgindex = 1; //当前页  
var eachCnt = 8; //每页显示个数  
var boxes = $("div[name='box']");
var cnt = boxes.length;
var indexs = new Array(cnt);
for (var i = 0; i < cnt; i++) {
    indexs[i] = i;
}
var allPages = Math.ceil(cnt / eachCnt);
$(function() {
    $pages.html("total " + allPages + " pages");
    showPage(1);
    for (var i = 0; i < allPages; i++) {
        $pages.append("<a href=\"javascript:showPage('" + (i + 1) + "');\"> " + (i + 1) + " </a>");
    }
    $pages.append("<a href=\"javascript:gotopage(-1);\">prev</a> <a href=\"javascript:gotopage(1);\">next</a>");

});

function gotopage(value) {
    try {
        value == "-1" ? showPage(pgindex - 1) : showPage(pgindex + 1);
    } catch (e) {

}
}

var contains = function(element, arr) {

for (var i = 0; i < arr.length; i++) {
        if (arr[i] == element) {
            return true;
        }
    }
    return false;
}

//alert(contains(23, indexs));

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

简单的分页



代码描述：使用js进行分页

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

无救的布莱克

相关代码

简单的分页

最新