拜托各位大神、大侠们,帮我实现一下,下一页上一页的功能,谢谢你们了!<!DOCTYPE html PUBLIC "-//W3C//Da XHTML 1.0 liansitional//EN" "http://www.w3.org/li/xhtml1/Da/xhtml1-liansitional.da">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>中国站长天空-网页特效-综合特效-静态代码的分页效果</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
.wrap{ width:500px; margin:0 auto; overflow:hidden; *zoom:1; text-align:center;}#mydiv li{display:none; float:left; margin-left:10px;}#changpage{ clear:both; float:left;}
</style>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<div class="wrap">
<ul id="mydiv">
<li><a>01</a></li>
<li><a>02</a></li>
<li><a>03</a></li>
<li><a>04</a></li>
<li><a>05</a></li>
<li><a>06</a></li>
<li><a>07</a></li>
<li><a>08</a></li>
<li><a>09</a></li>
<li><a>10</a></li>
<li><a>11</a></li>
<li><a>12</a></li>
<li><a>13</a></li>
<li><a>14</a></li>
<li><a>15</a></li>
<li><a>16</a></li>
<li><a>17</a></li>
<li><a>18</a></li>
<li><a>19</a></li>
<li><a>20</a></li>
<li><a>21</a></li>
<li><a>09</a></li>
<li><a>10</a></li>
<li><a>11</a></li>
<li><a>12</a></li>
<li><a>13</a></li>
<li><a>14</a></li>
<li><a>15</a></li>
<li><a>16</a></li>
<li><a>17</a></li>
<li><a>18</a></li>
<li><a>19</a></li>
<li><a>20</a></li>
<li><a>21</a></li>
<li><a>09</a></li>
<li><a>10</a></li>
<li><a>11</a></li>
<li><a>12</a></li>
<li><a>13</a></li>
<li><a>14</a></li>
<li><a>15</a></li>
<li><a>16</a></li>
<li><a>17</a></li>
<li><a>18</a></li>
<li><a>19</a></li>
<li><a>20</a></li>
<li><a>21</a></li>
<li><a>09</a></li>
<li><a>10</a></li>
<li><a>11</a></li>
<li><a>12</a></li>
<li><a>13</a></li>
<li><a>14</a></li>
<li><a>15</a></li>
<li><a>16</a></li>
<li><a>17</a></li>
<li><a>18</a></li>
<li><a>19</a></li>
<li><a>20</a></li>
<li><a>21</a></li></ul>
<div id="changpage"></div>
</div>
<script language="javascript">
var obj,j;
var page=0;
var nowPage=0;//当前页
var listNum=6;//每页显示<ul>数
var PagesLen;//总页数
var PageNum=4;//分页链接接数(5个)
onload=function(){
obj=document.getElementById("mydiv").getElementsByTagName("li");
j=obj.length
PagesLen=Math.ceil(j/listNum);
upPage(0)
}
function upPage(p){
nowPage=p
//内容变换
for (var i=0;i<j;i++){
obj[i].style.display="none"
}
for (var i=p*listNum;i<(p+1)*listNum;i++){
if(obj[i])obj[i].style.display="block"
}
//分页链接变换
sliS='<a href="###" onclick="upPage(0)">首页</a> '
var PageNum_2=PageNum%2==0?Math.ceil(PageNum/2)+1:Math.ceil(PageNum/2)
var PageNum_3=PageNum%2==0?Math.ceil(PageNum/2):Math.ceil(PageNum/2)+1
var sliC="",startPage,endPage;
if (PageNum>=PagesLen) {startPage=0;endPage=PagesLen-1}
else if (nowPage<PageNum_2){startPage=0;endPage=PagesLen-1>PageNum?PageNum:PagesLen-1}//首页
else {startPage=nowPage+PageNum_3>=PagesLen?PagesLen-PageNum-1: nowPage-PageNum_2+1;var t=startPage+PageNum;endPage=t>PagesLen?PagesLen-1:t}
for (var i=startPage;i<=endPage;i++){
if (i==nowPage)sliC+='<a href="###" style="color:red;font-weight:700;" onclick="upPage('+i+')">'+(i+1)+'</a> '
else sliC+='<a href="###" onclick="upPage('+i+')">'+(i+1)+'</a> '
}
sliE=' <a href="###" onclick="upPage('+(PagesLen-1)+')">尾页</a> '
sliE2=nowPage+1+"/"+PagesLen+"页"+" 共"+j+"条"
document.getElementById("changpage").innerHTML=sliS+sliC+sliE+sliE2
}
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>中国站长天空-网页特效-综合特效-静态代码的分页效果</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
.wrap{ width:500px; margin:0 auto; overflow:hidden; *zoom:1; text-align:center;}#mydiv li{display:none; float:left; margin-left:10px;}#changpage{ clear:both; float:left;}
</style>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<div class="wrap">
<ul id="mydiv">
<li><a>01</a></li>
<li><a>02</a></li>
<li><a>03</a></li>
<li><a>04</a></li>
<li><a>05</a></li>
<li><a>06</a></li>
<li><a>07</a></li>
<li><a>08</a></li>
<li><a>09</a></li>
<li><a>10</a></li>
<li><a>11</a></li>
<li><a>12</a></li>
<li><a>13</a></li>
<li><a>14</a></li>
<li><a>15</a></li>
<li><a>16</a></li>
<li><a>17</a></li>
<li><a>18</a></li>
<li><a>19</a></li>
<li><a>20</a></li>
<li><a>21</a></li>
<li><a>09</a></li>
<li><a>10</a></li>
<li><a>11</a></li>
<li><a>12</a></li>
<li><a>13</a></li>
<li><a>14</a></li>
<li><a>15</a></li>
<li><a>16</a></li>
<li><a>17</a></li>
<li><a>18</a></li>
<li><a>19</a></li>
<li><a>20</a></li>
<li><a>21</a></li>
<li><a>09</a></li>
<li><a>10</a></li>
<li><a>11</a></li>
<li><a>12</a></li>
<li><a>13</a></li>
<li><a>14</a></li>
<li><a>15</a></li>
<li><a>16</a></li>
<li><a>17</a></li>
<li><a>18</a></li>
<li><a>19</a></li>
<li><a>20</a></li>
<li><a>21</a></li>
<li><a>09</a></li>
<li><a>10</a></li>
<li><a>11</a></li>
<li><a>12</a></li>
<li><a>13</a></li>
<li><a>14</a></li>
<li><a>15</a></li>
<li><a>16</a></li>
<li><a>17</a></li>
<li><a>18</a></li>
<li><a>19</a></li>
<li><a>20</a></li>
<li><a>21</a></li></ul>
<div id="changpage"></div>
</div>
<script language="javascript">
var obj,j;
var page=0;
var nowPage=0;//当前页
var listNum=6;//每页显示<ul>数
var PagesLen;//总页数
var PageNum=4;//分页链接接数(5个)
onload=function(){
obj=document.getElementById("mydiv").getElementsByTagName("li");
j=obj.length
PagesLen=Math.ceil(j/listNum);
upPage(0)
}
function upPage(p){
nowPage=p
//内容变换
for (var i=0;i<j;i++){
obj[i].style.display="none"
}
for (var i=p*listNum;i<(p+1)*listNum;i++){
if(obj[i])obj[i].style.display="block"
}
//分页链接变换
sliS='<a href="###" onclick="upPage(0)">首页</a> '
var PageNum_2=PageNum%2==0?Math.ceil(PageNum/2)+1:Math.ceil(PageNum/2)
var PageNum_3=PageNum%2==0?Math.ceil(PageNum/2):Math.ceil(PageNum/2)+1
var sliC="",startPage,endPage;
if (PageNum>=PagesLen) {startPage=0;endPage=PagesLen-1}
else if (nowPage<PageNum_2){startPage=0;endPage=PagesLen-1>PageNum?PageNum:PagesLen-1}//首页
else {startPage=nowPage+PageNum_3>=PagesLen?PagesLen-PageNum-1: nowPage-PageNum_2+1;var t=startPage+PageNum;endPage=t>PagesLen?PagesLen-1:t}
for (var i=startPage;i<=endPage;i++){
if (i==nowPage)sliC+='<a href="###" style="color:red;font-weight:700;" onclick="upPage('+i+')">'+(i+1)+'</a> '
else sliC+='<a href="###" onclick="upPage('+i+')">'+(i+1)+'</a> '
}
sliE=' <a href="###" onclick="upPage('+(PagesLen-1)+')">尾页</a> '
sliE2=nowPage+1+"/"+PagesLen+"页"+" 共"+j+"条"
document.getElementById("changpage").innerHTML=sliS+sliC+sliE+sliE2
}
</script>
</body>
</html>
解决方案 »
- 新浪微博帐号登录自己网站
- 我用DW写了一个HTML+CSS的网页模板,在里面,我添加了谷歌的script广告代码,但是我本地测试浏览器打开老是被拦截,请问如何解决?
- 帮我看看这句正则
- 如何实现从五级级联菜单中提取下拉菜单值,并把它们拼成一个字符串同步放入下面的text框内-----高手请进,急!
- 如何禁止页面缓存到客户端,每次都从服务器上调用,解决结分!
- 求一简单的java脚本!!
- jsp中更新页面下拉框数据同步的问题
- 在TreeView中,如何利用javascript获取当前结点的父结点?
- 父窗口刷新后,如何能找到子窗口?
- 一个菜问题,为什么focus()不起作用?
- 关于ul标签onmouseout事件的问题
- 初学者语法求助...
javascript分页
p.addListener( 'pageChanged', function() {
alert('第' + p.pageIndex + '页');
p.render();
} );
这个里面自己写好了