javascript实现带省略号的分页效果
js分页代码: 复制代码 代码示例: script type=text/javascript /** * 带省略号的分页 * edit www.xuewangzhan.net */ $(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(n10){ if(c2){ for (i=2;iparseInt(c);i++){ $(.fenye ul li).eq(i).hide() } } for(y=c+5;ysetp2+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=http://www.dismall.com/thread-957-1-1.html/a_9652//templets/mysite/images/tubiao2.jpg//a/li li href=#a href=#img src=http://www.dismall.com/thread-957-1-1.html/a_9652//templets/mysite/images/tubiao3.jpg//a/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_14.html'141/a/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_14.html'1432/a/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_14.html'143/a/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_14.html'143/a/li li class=thisclass13/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_14.html'14/a/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_11.html'11/a/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_15.html'1512/a/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_15.html'1513/a/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_15.html'151/a/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_15.html'151/a/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_15.html'152/a/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_15.html'152/a/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_15.html'152/a/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_15.html'152/a/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_15.html'153/a/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_15.html'154/a/li lia href='http://www.dismall.com/thread-957-1-1.html/a_9652/list_3_15.html'155/a/li li href=#a href=#img src=http://www.dismall.com/thread-957-1-1.html/a_9652//templets/mysite/images/tubiao4.jpg//a/li li href=#a href=#img src=http://www.dismall.com/thread-957-1-1.html/a_9652//templets/mysite/images/tubiao5.jpg//a/li /ul /div 演示效果如下图: ,。
相关热词:
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://v30.fanwenzhu.com/jiaob/shell/11339.shtml
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程最新文章
-
Python2爬虫入门:正则表达
时间:2021-01-11
-
python程序的两种运行方式
时间:2021-01-11
-
Python3爬虫进阶:MySQL存储
时间:2021-01-11
-
python导入模块的关键字是
时间:2021-01-11
-
python去重函数是什么
时间:2021-01-09
-
如何用python爬虫开源项目
时间:2021-01-09
-
Photoshop设计个性笔刷制作
时间:2021-01-09
-
深入理解PHP与WEB服务器交
时间:2021-01-09
热门文章
-
解析shell字段分隔符的用法(图文)
时间:2020-12-22
-
Python3爬虫进阶:MongoDB存储(非关系型数
时间:2020-12-29
-
php如何接收json数据
时间:2021-01-08
-
php ucwords函数怎么用
时间:2021-01-08
-
如何在Linux或者UNIX下调试Bash Shell脚本
时间:2020-12-22
-
python中pow什么意思
时间:2021-01-08
-
如何在python数据挖掘使用pandas包?
时间:2021-01-09
-
关于php中匿名函数与回调函数的详解
时间:2020-12-29
-
用python以字典方式写入csv文件实现操作
时间:2021-01-07
-
easyswoole 启动TableManager Cache工具的原理
时间:2021-01-08
