仿豆瓣分页原型

最新推荐文章于 2024-07-26 11:41:15 发布

chiba7938

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量146

点赞数

文章标签： javascript xhtml java ViewUI

原文链接：https://my.oschina.net/u/3459005/blog/911301

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="gb2312" >
<head>
   <meta http-equiv="content-type" content="text/html; charset=gb2312" />
   <meta name="author" content="Smiling Dolphin" />
   <meta name="keywords" content="design, css, cascading, style, sheets, xhtml, graphic design, w3c, web standards, visual, display, java, javascript, c++, php, jsp, asp, py, pl" />
   <meta name="description" content="my favorites language." />
   <meta name="robots" content="all" />
   <title>仿豆瓣分页原型（Javascript版） - twocity.cn</title>
   <style type="text/css" title="currentStyle" media="screen">
       /* Paginator */
       .paginator {
           font: 14.8px normal Arial, Helvetica, sans-serif;
           color: #666666;
           margin-top: 10px;
           margin-bottom: 5px;
           line-height: 150%;
           background-color: #EEFFEE;
           text-align: center;
       }
       .paginator a, .thispage, .break {
           padding: 2px 4px;
       }
       .paginator .prev {
           margin-right: 20px;
       }
       .paginator .next {
           margin-left: 20px;
       }
       .paginator .count {
           margin-left: 20px;
           font-size: 11px;
       }
   </style>
</head>
<body>
<div id="pagebar" class="paginator"></div>
<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>';

//转自未知名

转载于:https://my.oschina.net/u/3459005/blog/911301

chiba7938

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
仿豆瓣分页原型

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www....
复制链接

扫一扫