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);
    
  • 相关阅读:
    返回一个整数数组中最大子数组的和——首尾相接
    第四周学习进度
    数组--二维数组求最大子数组
    第三周个人作业--数组从文件读取返回子数组的最大值
    第三周学习进度
    第二周个人作业--数组
    开课博客
    《软件需求工程》阅读笔记03
    河北省重大技术需求征集系统(8)
    等待网站响应时间分析
  • 原文地址:https://www.cnblogs.com/xupeiyu/p/3810168.html
Copyright © 2011-2022 走看看