判斷頁數及切換

來源:互聯網
上載者:User

標籤: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);

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.