教程集 > 脚本编程 > javascript > 正文仿豆瓣分页原型(Javascript版)

仿豆瓣分页原型(Javascript版)

发布时间：2023-06-16 编辑：jiaochengji.com

教程集为您提供仿豆瓣分页原型(Javascript版)等资源，欢迎您收藏本站，我们将为您提供最新的仿豆瓣分页原型(Javascript版)资源

提示：您可以先修改部分代码再运行

<!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版）</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 = 56;  var perpage = 20;  var currentpage = QueryString("page");  if (currentpage==null){  	currentpage = 1;  }else{  	currentpage = parseInt(currentpage);  }  var pagecount = Math.floor(count/perpage);  if(perpage*pagecount!=count)pagecount  ;  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">< 前页</span>';  if(prevnum-breakspace>maxspace){  	for(i=1;i<=breakspace;i  )  		pagestr  = '' i '';  	pagestr  = '<span class="break">...</span>';  	for(i=pagecount-breakpage 1;i<prevnum;i  )  		pagestr  = '' i '';  }else{  	for(i=1;i<prevnum;i  )  		pagestr  = '' i '';  }  for(i=prevnum;i<=nextnum;i  ){  	pagestr  = (currentpage==i)?'<span class="thispage">' i '</span>':'' i '';  }  if(pagecount-breakspace-nextnum 1>maxspace){  	for(i=nextnum 1;i<=breakpage;i  )  		pagestr  = '' i '';  	pagestr  = '<span class="break">...</span>';  	for(i=pagecount-breakspace 1;i<=pagecount;i  )  		pagestr  = '' i '';  }else{  	for(i=nextnum 1;i<=pagecount;i  )  		pagestr  = '' i '';  }  pagestr  = (currentpage==pagecount)?'<span class="next">后页 ></span>':'<span class="next">后页 ></span>';  document.getElementById("pagebar").innerHTML = pagestr;  </script>  </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
jQuery的豆瓣API插件 jQuery Douban
VSCode配置golang开发环境
 选Python好还是Java好？
Python3爬虫实战：以爬取豆瓣电影为例
 CSS3和jQuery实现花瓣网固定顶部位置悬浮菜单效果
 django可以开发大型网站吗
 python语言能做什么工作
 哪些网站用python开发
 go语言修炼之六-并发
 python在实际工作中的应用有哪些

上一篇：多级弹出层效果下一篇：仿china.nba.com焦点图效果

[关闭]

仿豆瓣分页原型(Javascript版)

最近更新

浏览排行