关于搜索页码分页显示！急，请帮帮忙！

iamliudong 2008-03-25 04:19:34

假如我有25个页面数将要显示，但我每次只想显示10个页数，如下：
（一） .PREV. 1 2 3 4 5 6 7 8 9 10 ... .NEXT.
当点击10后面的...后页码将显示如下：
（二） .PREV. ... 11 12 13 14 15 16 17 18 19 20 ... .NEXT.
此时若点击11前的...将显示（一），若点击20后的...将显示如下：
（三） .PREV. ... 21 22 23 24 25 .NEXT.
而且当页面显示在21页时点击.PREV.也将显示（二），
当页面显示在20时点击.NEXT.将显示（三）。
不知这如何解决呢，请各位大虾帮帮忙，分不够可以再加。谢谢！
急！！！

...全文

69 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

ml_dark 2008-03-27

打赏
举报



<!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>

 var total = 35;//35页

 var showSize = 10;//每次显示10页

 var cur = 0;//当前pagebar页数

 

 var barCount = parseInt(total / showSize);

 if (total % showSize != 0)

 {

	barCount++;

 }

 function createPageBar(currentPageNo){

	var bar = document.getElementById("pageBar");

	bar.innerHTML = "";

 

 

	for (var i = 0; i < showSize; i++ )

	{

		var temp = parseInt((i + 1) + showSize * (currentPageNo - 1));

		if(temp > total)

			break;

		bar.innerHTML +=  temp + "  ";

 

	}

 }

window.onload = init;

function init()

{

	createPageBar(1);

	cur = 1;

}

function pre(){

	if (cur - 1 <= 0)

	{

		createPageBar(1);

		cur = 1;

	}else{

		

		createPageBar(cur -1);

		cur--;

	}

}

function next(){

	 

	if(cur + 1 >= barCount){

		cur = barCount;

		 

		createPageBar(cur);

	}else{

		createPageBar(cur + 1);

		cur++;

	}

}

 </script>

 <div>

 <a href="#" onclick="pre()">Pre</a>

 <span id="pageBar"></span>

 <a href="#" onclick="next()">Next</a>

 </div>

 </BODY>

</HTML>