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