• 左右点击分页方法


    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();
  • 相关阅读:
    什么是Netflix Feign?它的优点是什么?
    Spring Boot 自动配置原理是什么?
    springcloud断路器作用?
    什么是SpringCloudConfig?
    find命令查找包含指定内容的文件
    @PostConstruct使用总结
    @Retention 注解的作用
    SpringBoot自定义Condition注解
    Spring Boot 入门
    SpringBoot +MSSQL
  • 原文地址:https://www.cnblogs.com/naokr/p/5135600.html
Copyright © 2020-2023  润新知