判断页数及切换
判断页数及切换
function sliPage(ele,pagecon,nums){ var end_box = $(ele), cons = $(pagecon), vli = cons.find('a'), vlen = vli.length, gg_var = nums, p = Math.ceil(vlen/gg_var), str = '', index = 0, cur = 'cur'; if(p == 1) return; vli.unwrap(); for(var i = 1;i <= p;i++){ if(i>1){ str += '<i onselectstart="return false;" unselectable="on"></i>'; } var start = gg_var*(i-1), end = start + gg_var; if(end > vlen) end = vlen; var lastli=vli.slice(start, end); lastli.wrapAll('<li></li>'); } end_box.html('<span onselectstart="return false;" unselectable="on" class="prev03"></span><span class="rankbtn"><i onselectstart="return false;" unselectable="on" class="cur"></i>'+str+'</span><span onselectstart="return false;" unselectable="on" class="next03"></span>'); end_box.delegate(".rankbtn i", "click", function(){ index = $(this).index(); $(this).addClass(cur).siblings().removeClass(cur); cons.find('li').eq(index).show().siblings().hide(); }).delegate(".next03", "click", function(){ index = index == (p-1) ? 0 : ++index; $(this).prev().find('i').eq(index).addClass(cur).siblings().removeClass(cur); cons.find('li').eq(index).show().siblings().hide(); }).delegate(".prev03", "click", function(){ index = !index ? (p-1) : --index; $(this).next().find('i').eq(index).addClass(cur).siblings().removeClass(cur); cons.find('li').eq(index).show().siblings().hide(); }); } sliPage('#conpage1','#con1',4); sliPage('#conpage2','#con2',12);