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