分页当前页码居中效果

最新推荐文章于 2021-08-20 20:06:04 发布

kingmxj

最新推荐文章于 2021-08-20 20:06:04 发布

阅读量292

点赞数

分类专栏： html 文章标签： HTML

本文链接：https://blog.csdn.net/kingmxj/article/details/83610752

版权

html 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

<!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> ");
}


  //-->
  </SCRIPT>
 </BODY>
</HTML>