仿豆瓣分页原型(Javascript版)
作者：tyhouse 来源：twocity.cn 发布时间：2007-11-05 14:04:00
标签：分页,javascript
仿豆瓣分页原型(Javascript版)写了个分页的样式。
自我感觉，这样的分页前后兼顾，对于用户的体验是蛮好使的
Javascript分页代码如下：
<script language="javascript" type="text/javascript">
function QueryString(item){
var sValue=location.search.match(new RegExp("[\?\&]"+item+"=([^\&]*)(\&?)","i"))
return sValue?sValue[1]:sValue
}
var count = 560;
var perpage = 20;
var currentpage = QueryString("page");
if (currentpage==null){
currentpage = 1;
}else{
currentpage = parseInt(currentpage);
}
var pagecount = Math.floor(count/perpage);
var pagestr = "";
var breakpage = 9;
var currentposition = 4;
var breakspace = 2;
var maxspace = 4;
var prevnum = currentpage-currentposition;
var nextnum = currentpage+currentposition;
if(prevnum<1) prevnum = 1;
if(nextnum>pagecount) nextnum = pagecount;
pagestr += (currentpage==1)?'<span class="prev">< 前页</span>':'<span class="prev">< <a href="?page='+(currentpage-1)+'">前页</a></span>';
if(prevnum-breakspace>maxspace){
for(i=1;i<=breakspace;i++)
pagestr += '<a href="?page='+i+'">'+i+'</a>';
pagestr += '<span class="break">...</span>';
for(i=pagecount-breakpage+1;i<prevnum;i++)
pagestr += '<a href="?page='+i+'">'+i+'</a>';
}else{
for(i=1;i<prevnum;i++)
pagestr += '<a href="?page='+i+'">'+i+'</a>';
}
for(i=prevnum;i<=nextnum;i++){
pagestr += (currentpage==i)?'<span class="thispage">'+i+'</span>':'<a href="?page='+i+'">'+i+'</a>';
}
if(pagecount-breakspace-nextnum+1>maxspace){
for(i=nextnum+1;i<=breakpage;i++)
pagestr += '<a href="?page='+i+'">'+i+'</a>';
pagestr += '<span class="break">...</span>';
for(i=pagecount-breakspace+1;i<=pagecount;i++)
pagestr += '<a href="?page='+i+'">'+i+'</a>';
}else{
for(i=nextnum+1;i<=pagecount;i++)
pagestr += '<a href="?page='+i+'">'+i+'</a>';
}
pagestr += (currentpage==pagecount)?'<span class="next">后页 ></span>':'<span class="next"><a href="?page='+(currentpage+1)+'">后页</a> ></span>';
document.getElementById("pagebar").innerHTML = pagestr;
</script>
0
投稿猜你喜欢
- 本文实例讲述了JS实现运动缓冲效果的封装函数。分享给大家供大家参考，具体如下：之前经常写运动函数，要写好多好多，后来想办法封装起来。（运动缓
- 以下的实例为去除指定表中数据类型是VARCHAR,CHAR,NVARCHAR的字段值中的不可见字符。 注释：此处只去掉前后的不可见字符，不包
- 使用一个例子说明golang如何访问和修改json文件；主要分三步：从文件读入json串把json串转变成golang对象遍历或者修改jso
- 1.字符串函数 长度与分析用 datalength(Char_expr) 返回字符串包含字符数,但不包含后面的空格 substring(ex
- 想必大家都很喜欢用Word打字，用Excel进行计算和规划，用PowerPoint作幻灯片进行展示…，但是这只用到了Office系列产品的很
- goods表如下：name time productA 2016-1-2 13:23:
- 1.panic是什么panic() 是一个内建的函数2.panic有什么用作用：可以使用panic停止程序继续运行，所以大多数都是在demo
- 对于经常需要表格头部不东，而列表可以滚动，多用于数据比较多的情况，方便查看<!DOCTYPE HTML PUBLIC "-/
1、旅行商问题(Travelling salesman problem, TSP)旅行商问题是经典的组合优化问题，要求找到遍历所有城市且每个- kaggle是一个为开发商和数据科学家提供举办机器学习竞赛、托管数据库、编写和分享代码的平台，在这上面有非常多的好项目、好资源可供机器学习、
- 一、asp.net中导出Execl的方法：在asp.net中导出Execl有两种方法，一种是将导出的文件存放在服务器某个文件夹下面，然后将文
- 介绍本文主要介绍Python中列表生成式的基本知识和使用生成列表要生成list [1, 2, 3, 4, 5, 6, 7, 8, 9, 10
- 本文性别判断主要依靠airtest中的自动化测试实现通过自动对比支付宝页面男女图像，从而实现男女判断代码如下：男女判断函数：// An hi
- python寻找主串中所有指定子串下标该函数可实现显示字符串中指定子串所有下标（首字下标）def subStrIndex(substr,st
- SQLite支持多种编程语言的开发调用：C, C++ , PHP, Perl, Java, C# ,Python, Ruby等。本篇先介绍P
- 闭包闭包就是能够读取其他函数内部变量的函数。def test1(k, b): def test1_1(x): &n
- ASP，一种最先广泛的流行在WEB行业的编程语言。严格的说，ASP还算不上的编程语言。不过，因为微软的大力支持，ASP这一路，走得非常顺利。
- 当我们学习python的时候，总会用到一些常用的模块，接下来我就详细讲解下利用两种不同的方式画饼状图。首先利用【Tkinter】中的canv
- isU是大小写分的意思，这里s还有则不包括换行符而U是反转了匹配数量的值使其不是默认的重复,大概就是这样了个体我们看文章。正则后面的/(.*
- 1. os.listdir()概述os.listdir() 方法用于返回指定的文件夹包含的文件或文件夹的名字的列表。例如：dir ='
