JS实现php的伪分页

yipeiwu_com7年前PHP代码库
JS代码如下:
复制代码 代码如下:

<scrīpt language="javascrīpt"> 
//最大数据量 
var total="100"; 
//每页的显示量 
var pagesize=10; 
//一共有多少页 
var pagenum=Math.ceil(total/pagesize); 
//生成导航 
function initpage(nowpage){ 
 var pagenav='<a href="#" ōnclick=up('+ nowpage+');>上一页</a>'; 
 for(i=1;i<=pagenum;i++){ 
  pagenav += (i==nowpage)?'<span class="now">' + i + '</span>':'<a class="number" href="#" ōnclick=goToPage(' + i + ');>' + i + '</a> ';  
 } 
 pagenav += '<a href="#" ōnclick=down('+ nowpage+');>下一页</a>'; 
 document.getElementById('pages').innerHTML=pagenav; 
} 

//翻页 
function goToPage(page){ 
 var start=(page-1)*pagesize; 
 var max=page*pagesize; 
 for(vs=0;vs<total;vs++){ 
  var ōbj=document.getElementById('item_' + vs); 
  obj.style.display="none"; 
 } 
 if(max>total)max=total; 
 for(v=start;v<max;v++){ 
  var ōbj=document.getElementById('item_' + v); 
  obj.style.display="block"; 
 } 
 initpage(page); 
} 

//上一页 

function up(nowpage){ 
 if(nowpage==1)return false; 
 if(nowpage>1)goToPage((nowpage-1)); 
} 

//下一页 

function down(nowpage){ 
 if(nowpage==pagenum)return false; 
 if(nowpage<pagenum)goToPage((nowpage+1)); 
} 
</scrīpt> 

  


如果数据是

<li id="item_0" >.........</li>

<li id="item_1" >.........</li>

...........

<li id="item_100" >........</li>

那么就可以显示出一个类似于这样的导航:

上一页 1 2 3 4 下一页

然后点击页数或者上下页就可以切换显示了.

 

时间比较仓促,就说这么多了,大家自己分析代码,有不明白的请留言

相关文章

使用php实现截取指定长度

PHP语言: 根据中文裁减字符串复制代码 代码如下:function cutstr($string,$length, $dot = ' ...') {  if (strlen(...

php通过curl添加cookie伪造登陆抓取数据的方法

php通过curl添加cookie伪造登陆抓取数据的方法

本文实例讲述了php通过curl添加cookie伪造登陆抓取数据的方法。分享给大家供大家参考,具体如下: 有的网页必须登陆才能看到,这个时候想要抓取信息必须在header里面传递cook...

PHP 日常开发小技巧

PHP批最取得checkbox的值 1、命名 <input type='checkbox' name='checkbox[]' value=$dwmyrow[banzhu] /&g...

几款免费开源的不用数据库的php的cms

1、MuCMS一个小型,平台独立的内容管理系统适用于非交互式网站(网站只发布信息)。它对系统要求非常低,只需要Apache+PHP。没有使用数据库。它具有安全,快速,易用等特点。官方网站...

PHP基于mcript扩展实现对称加密功能示例

本文实例讲述了PHP基于mcript扩展实现对称加密功能。分享给大家供大家参考,具体如下: 1.对称加密主要利用相同的密钥来实现,而非对称加密利用公钥和私钥来加密,比较而言对称加密速度快...