zoukankan      html  css  js  c++  java
  • 左右点击分页方法

    pageGames = function(){
    
            var pageFun = function(id_em,fu_ul,fu_lbtn,fu_rbtn){
    
                var id_em = $(id_em),
    
                    wrap =  $(fu_ul),
    
                    lis = wrap.find('li'),
    
                    lens = lis.length,
    
                    PAGES = 9,
    
                    i = 0,
    
                    p = Math.ceil(lens/PAGES),//上舍入(页数)
    
                    Fun = function(index){
    
    
                        id_em.find('em').text(index + 1);
    
                        wrap.find('ul').eq(index).show().siblings().hide();
    
                    };
    
        
                lis.unwrap();
    
                for(; i < p; i++){
    
                    var start = i * PAGES,
    
                        end = start + PAGES;
    
                    if(end > lens)  end = lens;
    
                    var liboxs = lis.slice(start,end);
    
                    if(i){
    
                        liboxs.wrapAll('<ul class="fu_ul clearfix hidden"></ul>');
    
                    }else{
    
                        liboxs.wrapAll('<ul class="fu_ul clearfix"></ul>');
    
                    }
    
                }
    
                id_em.html('<em>1</em>/<i>' + p +'</i>');
    
    
                $(fu_rbtn).click(function(){
    
                        var indexs = +id_em.find('em').text(),
    
                            p = +id_em.find('i').text();
    
                        if(indexs >= p){
    
                                indexs = 0;
                        }
    
                        Fun(indexs);
    
    
                });
    
    
                $(fu_lbtn).click(function(){
    
                        var indexs = +id_em.find('em').text(),
    
                            p = +id_em.find('i').text();
    
                        indexs--;
    
                        if(indexs){
    
                            indexs--;
    
                        }else{
    
                            indexs = p - 1;
    
                        }
    
                        Fun(indexs);
    
                });
    
    
            };
    
    
            return {
    
                    pageFun : pageFun
    
            }
    
        }();
    
    pageList.pageFun('#id_em','#fu_ul','#fu_lbtn','#fu_rbtn');
    var pageList = function(){
    
            var oList = $('#list'),
    
                oLi = oList.find('li'),
    
                oPage = $('#page'),
    
                oSpan = oPage.find('span'),
    
                lens = oLi.length,
    
                pages = 3,
    
                i = 0,
    
                str = '',
    
                p = Math.ceil(lens/pages);
    
                oLi.unwrap();
    
                for(; i < p; i++){
    
                    var start = i * pages,
    
                        end = start + pages;
    
                    if(end > lens)  end = lens;
    
                    var eles = oLi.slice(start,end);
    
                    if(i){
    
                        eles.wrapAll('<ul class="hidden"></ul>');
    
                    }else{
    
                        eles.wrapAll('<ul></ul>');
    
                    }
    
                    str += '<span>'+(i+1)+'</span>';
    
                }
    
                oPage.html(str);
    
                oPage.delegate('span','click',function(){
    
                    var index = $(this).index();
    
                    $(this).addClass('cur').siblings().removeClass('cur');
    
                    oList.find('ul').eq(index).show().siblings().hide();
    
                });
    
    
        };
    
        pageList();
  • 相关阅读:
    PATA 1071 Speech Patterns.
    PATA 1027 Colors In Mars
    PATB 1038. 统计同成绩学生(20)
    1036. 跟奥巴马一起编程(15)
    PATA 1036. Boys vs Girls (25)
    PATA 1006. Sign In and Sign Out (25)
    读取web工程目录之外的图片并显示
    DOS命令
    java连接oracle集群
    servlet
  • 原文地址:https://www.cnblogs.com/naokr/p/5135600.html
Copyright © 2011-2022 走看看