用js实现的 带省略号的 分页 php

来源:互联网 发布:物理化学就业知乎 编辑:程序博客网 时间:2024/06/10 21:35
<script type="text/javascript">$(function(){var n =$('.fenye >ul li:nth-child').lengthvar c=$(".fenye ul li").index($('.fenye ul li.thisclass'))var setp1=cvar 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>
效果图
原创粉丝点击