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

判断页数及切换

时间:2014-06-27 15:57:00      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:class   blog   java   tar   ext   art   

判断页数及切换

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

 

判断页数及切换,布布扣,bubuko.com

判断页数及切换

标签:class   blog   java   tar   ext   art   

原文地址:http://www.cnblogs.com/xupeiyu/p/3810168.html

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