<div class="codetitle"> <span><a style="CURSOR: pointer" data="74952" class="copybut" id="copybut74952" onclick="doCopy('code74952')"><u>複製程式碼</u></a></span>程式碼如下:</div> <div class="codebody" id="code74952"> <br><script type="text/javascript"> <BR>$( function(){ <BR>var n =$('.fenye >ul li:nth-child').length <BR>var c=$(".fenye ul li").index( $('.fenye ul ul li").index( $('.fenye ul li") li.thisclass')) <BR>var setp1=c <BR>var setp2=n-c; //後餘<BR>if(n>10) { <BR>if(c>2) { <BR>for ( i=2;i<parseInt(c);i ){ <BR>$(".fenye ul li").eq(i).hide( ) <BR>} <BR>} <BR>for(y= c 5;y<setp2 3;y ){ <BR>$(".fenye ul li").eq(y).hide() <BR>} <BR>$(".fenye ul li").eq (n-3).text('...'); <BR>}else if(n==10){ <BR>$(" .fenye ul li").eq(n -3).text( '...'); <BR>} <br><br>}) <BR></腳本>; <BR><div class="fenye"> <BR><ul class="clear"> <BR><li href="#"><a href="#"><img src="/templets/mysite /images/tubiao2.jpg"/ alt="用客戶端js實作帶省略號的分頁_javascript技巧" > <BR><li href="#"><a href="#"><img src="/templets/mysite/images/tubiao3. jpg" jpg"/ alt="用客戶端js實作帶省略號的分頁_javascript技巧" ><BR><li><a href='list_3_14.html'>141<BR><li><a href=' list_3_14.jpg"/><a href='list_3_14.html'>141 html'>1432<BR><li ><a href='list_3_14.html'>143<BR><li><a href='list_3_14.html'>1432<BR><li ><a href='list_3_14.html'>143 html'>143 <BR><li class="thisclass">13; <BR><li><a href='list_3_14.html'>14 <BR><li><a href='list_3_11.html'>11 <BR><li><a href='list_3_15.html'>1512 <BR><li><a href='list_3_15.html'>1513 <BR><li><a href='list_3_15.html'>151 <BR><li><a href='list_3_15.html'>151 <BR><li><a href='list_3_15.html'>152 <BR><li><a href='list_3_15.html'>152 <BR><li><a href='list_3_15.html'>152 <BR><li><a href='list_3_15.html'>152 <BR><li><a href='list_3_15.html'>153 <BR><li><a href='list_3_15.html'>154 <BR><li><a href='list_3_15.html'>155 <BR><li href="#"><a href="#"><img src="/ templatets/mysite/images/tubiao4.jpg"/ alt="用客戶端js實作帶省略號的分頁_javascript技巧" > <BR><li href="#"><a href="#"><img src="/templets/mysite/images /tubiao5.jpg"/ alt="用客戶端js實作帶省略號的分頁_javascript技巧" > <BR> <BR></script> </div> <br> <br>效果圖<img src="http://files.jb51.net/file_images/article/201304/2013427142139335.jpg?201332714229" alt="用客戶端js實作帶省略號的分頁_javascript技巧" >