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

<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>
效果图
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

chaojie2009

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值