求js分页代码

zjm1126qqcom 2008-10-14 02:52:04

小弟想做个js分页但是只做到一半感觉自己的代码太麻烦了所以求大家能不能给个比较简单的分页代码谢谢

<body></body>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<div>内容1</div>

<div>内容2</div>

<div>内容3</div>

<div>内容4</div>

<div>内容5</div>

<div>内容6</div>

<div>内容7</div>

<div>内容8</div>

<div>内容9</div>

<input type=button value=上一页>

<input type=button value=下一页 onclick=aa()>

<script>

	var a = document.getElementsByTagName("div");

	var n=1;

	function aa(){

	for (var i=a.length-1; i >-1; i--) {

			a[i].style.display="none";

			if (i/3 == n) {

				i=i-2;

				n++;

				continue;

			}

		}



	}

</script>

...全文

203 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

neo_yoho 2008-10-14

打赏
举报



<body>

<div>内容1</div>

<div>内容2</div>

<div>内容3</div>

<div>内容4</div>

<div>内容5</div>

<div>内容6</div>

<div>内容7</div>

<div>内容8</div>

<div>内容9</div>

<div>内容10</div>

<input type=button value=上一页 onclick="aa(-1)">

<input type=button value=下一页 onclick="aa(1)">

</body>

<script>

var a = document.getElementsByTagName("div");

var n=1;//当前页



function aa(x)

{

	var p = 3;

	n=n+x;

	if(n<=0)

		n=1;

	else if(n>parseInt(a.length/p))

		n=a.length/p!=0?parseInt(a.length/p)+1:parseInt(a.length/p);

	for (var i=0; i<a.length; i++)

	{

		a[i].style.display="none";

		if(i<(n*p) && i>=(n-1)*p)

			a[i].style.display="";

	}

}

window.onload=function(){aa(0)}

</script>