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);
    
  • 相关阅读:
    单例模式的奇幻漂流
    webmin安装简介
    Linux下添加磁盘创建lvm分区
    教训 Mac下装windows系统 失败后 磁盘空间丢失
    Mac下安装 php+nginx+mysql 开发环境
    记一次 nginx 504 Gateway Time-out
    twemproxy 安装
    centos6.7下 编译安装MySQL5.7
    vagrant 配置文件简析
    VNC配置连接远程服务器桌面-linuxwindows
  • 原文地址:https://www.cnblogs.com/xupeiyu/p/3810168.html
Copyright © 2011-2022 走看看