用客戶端js實(shí)現(xiàn)帶省略號(hào)的分頁(yè)
更新時(shí)間:2013年04月27日 14:26:57 作者:
帶省略號(hào)的分頁(yè)只有在服務(wù)器端才可以實(shí)現(xiàn),下面為大家介紹的是用js實(shí)現(xiàn)的帶省略號(hào)的分頁(yè),感興趣的朋友可以參考下哈,希望對(duì)你寫出好的分頁(yè)有所幫助
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(function(){
var n =$('.fenye >ul li:nth-child').length
var c=$(".fenye ul li").index($('.fenye ul li.thisclass'))
var setp1=c
var setp2=n-c; //后余
if(n>10){
if(c>2){
for (i=2;i<parseInt(c);i++){
$(".fenye ul li").eq(i).hide()
}
}
for(y=c+5;y<setp2+3;y++){
$(".fenye ul li").eq(y).hide()
}
$(".fenye ul li").eq(n-3).text('...');
}else if(n==10){
$(".fenye ul li").eq(n-3).text('...');
}
})
</script>
<div class="fenye">
<ul class="clear">
<li href="#"><a href="#"><img src="/templets/mysite/images/tubiao2.jpg"/></a></li>
<li href="#"><a href="#"><img src="/templets/mysite/images/tubiao3.jpg"/></a></li>
<li><a href='list_3_14.html'>141</a></li>
<li><a href='list_3_14.html'>1432</a></li>
<li><a href='list_3_14.html'>143</a></li>
<li><a href='list_3_14.html'>143</a></li>
<li class="thisclass">13</li>
<li><a href='list_3_14.html'>14</a></li>
<li><a href='list_3_11.html'>11</a></li>
<li><a href='list_3_15.html'>1512</a></li>
<li><a href='list_3_15.html'>1513</a></li>
<li><a href='list_3_15.html'>151</a></li>
<li><a href='list_3_15.html'>151</a></li>
<li><a href='list_3_15.html'>152</a></li>
<li><a href='list_3_15.html'>152</a></li>
<li><a href='list_3_15.html'>152</a></li>
<li><a href='list_3_15.html'>152</a></li>
<li><a href='list_3_15.html'>153</a></li>
<li><a href='list_3_15.html'>154</a></li>
<li><a href='list_3_15.html'>155</a></li>
<li href="#"><a href="#"><img src="/templets/mysite/images/tubiao4.jpg"/></a></li>
<li href="#"><a href="#"><img src="/templets/mysite/images/tubiao5.jpg"/></a></li>
</ul>
</div>
效果圖

相關(guān)文章
利用ES6的Promise.all實(shí)現(xiàn)至少請(qǐng)求多長(zhǎng)時(shí)間的實(shí)例
下面小編就為大家?guī)硪黄肊S6的Promise.all實(shí)現(xiàn)至少請(qǐng)求多長(zhǎng)時(shí)間的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08JavaScript將數(shù)字轉(zhuǎn)換成大寫中文的方法
這篇文章主要介紹了JavaScript將數(shù)字轉(zhuǎn)換成大寫中文的方法,涉及javascript字符串及匹配的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03JavaScript ES6常用基礎(chǔ)知識(shí)總結(jié)
ES6中為我們提供了很多好用的新特性,其中包括let,箭頭函數(shù)以及擴(kuò)展運(yùn)算符…等,以下就是總結(jié)的常用基礎(chǔ)知識(shí)2019-02-02js實(shí)現(xiàn)模擬計(jì)算器退格鍵刪除文字效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)模擬計(jì)算器退格鍵刪除文字效果的方法,涉及javascript字符串截取操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05