判断页数及切换

判断页数及切换

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

 

posted @ 2014-06-26 15:25  唸随爱  阅读(300)  评论(0编辑  收藏  举报