`
kingmxj
  • 浏览: 177645 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

分页当前页码居中效果

    博客分类:
  • html
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
		//循环
	function for_each ( _currentPage, _countPage, _showNum){
		var arr = new Array();
		var right_size = _currentPage+2;//当前页+2 右侧
		var left_size = _currentPage-2;//当前页-2 左侧
		
		//总页数大于显示数目
		if(_countPage>_showNum){
			//1. 右侧少
			if(  right_size> _countPage ){
				for(var i= (_countPage-_showNum+1) ; i<_currentPage ; i++){
					arr.push(i);
				}
				//加右侧的页码
				for(var i=_currentPage ; i<=_countPage ; i++){
					arr.push(i);
				}
				
			}
			//2. 左侧少
			else	if(left_size<=0){
				for(var i=1 ; i<=_showNum ; i++){
					arr.push(i);
				}
			}
			//3. 正常情况
			else{
				for(var i=left_size ; i<_currentPage ; i++){
					arr.push(i);
				}
				//加右侧的页码 
				for(var i=_currentPage ; i<= right_size ; i++){
					arr.push(i );
				}
			}
		//总页数小于显示数目 页数都显示出来	
		}else{
			for(var i=1;i<=_countPage;i++){
				arr.push(i);
			}
		}
		return arr;
	}

	
	var _arr = for_each (2,3,5);
	for(var i=0;i<_arr.length;i++){
		var _index = _arr[i]-1;
	
		document.write("<a href=\"index"+"_" + _index + "."+"html\">"+(_arr[i])+"</a>&nbsp;");
}
	
	
  //-->
  </SCRIPT>
 </BODY>
</HTML>
分享到:
评论

相关推荐

    javascript分页代码(当前页码居中)

    代码如下: function setPage(opt){ if(!opt.pageDivId || opt.allPageNum &lt; opt.curpageNum || opt.allPageNum &lt; opt.showPageNum){return false};... // 当前的页数 var pageDIvBox = document.getElementById

    关于css水平居中的小小探讨

    但是不定宽度的居中比起上面两种更常用,也更复杂,我们常常需要在分页的页码展示等地方用到不定宽居中,使用起来更方便,下面来研究下常用的几种块元素的水平居中。 1.标签嵌套偏移 实现原理: 联想到固定宽度的...

    pdfmake:使用纯JavaScript的Clientserver端PDF打印

    访问当前页码和页数, 背景层页面尺寸和方向, 边距自定义分页符字体嵌入, 支持复杂的多层(嵌套)结构, 目录, 打开/打印/下载生成的PDF的辅助方法, PDF元数据的设置(例如作者,主题)。文献资料文档URL: : ...

    pdfmake-arabic

    访问当前页码和页数, 背景层 页面尺寸和方向, 边距 自定义分页符 字体嵌入, 支持复杂的多层(嵌套)结构, 目录, 打开/打印/下载生成的PDF的辅助方法, PDF元数据的设置(例如作者,主题)。 入门 本文档将向您...

    硕士生,博士生论文排版技巧方法

    制表位的类型包括:左对齐,居中对齐,右对齐,小数点对齐和竖线对齐等,这些制表位的使用方法大致相同,这里仅根据论文中公式排版的要求和目录的制作为例说明制表位的使用方法和效果,更详细的说明请参阅Word的...

    word使用技巧大全

    43、Excel中实现表格标题分页打印 89 45、Word读书消除疲劳小技巧 89 46、给含公式的单元格点颜色看看 90 47、行首列尾随点随到 90 48、表格一次删个光 90 49、Word文档快速查找 90 50、几秒钟自动生成目录 90 51、...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例198 页面布局(3列左右侧固定中间自适应居中) 244 实例199 页面布局(2列右侧固定左侧自适应宽度) 247 实例200 页面布局(2列左固定右自适宽度+底平齐) 249 实例201 页面布局(2列右固定左自适宽度+底平齐) 252 3.6 ...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例198 页面布局(3列左右侧固定中间自适应居中) 244 实例199 页面布局(2列右侧固定左侧自适应宽度) 247 实例200 页面布局(2列左固定右自适宽度+底平齐) 249 实例201 页面布局(2列右固定左自适宽度+底平齐) 252 3.6 ...

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type ... 捕获释放 event.srcElement.setCapture();...event.srcElement.releaseCapture();... 根据鼠标获得元素: document....

Global site tag (gtag.js) - Google Analytics