zoukankan      html  css  js  c++  java
  • 判断页数及切换

    判断页数及切换

    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);
    
  • 相关阅读:
    jeecg多页签的选择切换
    设计模式:工厂三姐妹一网打尽
    设计模式:工厂三姐妹一网打尽
    设计模式:工厂三姐妹一网打尽
    设计模式:工厂三姐妹一网打尽
    三、原子操作
    三、原子操作
    三、原子操作
    三、原子操作
    WebClient HttpWebRequest从网页中获取请求数据
  • 原文地址:https://www.cnblogs.com/xupeiyu/p/3810168.html
Copyright © 2011-2022 走看看