用客户端js实现带省略号的分页_javascript技巧
来源:动视网
责编:小采
时间:2020-11-27 21:09:02
用客户端js实现带省略号的分页_javascript技巧
用客户端js实现带省略号的分页_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
导读用客户端js实现带省略号的分页_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
代码如下:
$(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
$(".fenye ul li").eq(i).hide()
}
}
for(y=c+5;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>
141
1432
143
143
13
14
11
1512
1513
151
151
152
152
152
152
153
154
155
效果图
用客户端js实现带省略号的分页_javascript技巧
用客户端js实现带省略号的分页_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