用客户端js实现带省略号的分页

复制代码代码如下:
<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>

效果图