码迷,mamicode.com
首页 > 其他好文 > 详细

左右点击分页方法

时间:2016-01-16 16:45:45      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:

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‘);

 

左右点击分页方法

标签:

原文地址:http://www.cnblogs.com/naokr/p/5135600.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!