JS实现php的伪分页


Posted in PHP onMay 25, 2008

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的知识
Nov 17 PHP
PHP 可阅读随机字符串代码
May 26 PHP
PHP判断搜索引擎蜘蛛并自动记忆到文件的代码
Feb 04 PHP
destoon会员注册提示“数据校验失败(2)”解决方法
Jun 21 PHP
PHP易混淆函数的区别及用法汇总
Nov 22 PHP
PHP 反射(Reflection)使用实例
May 12 PHP
PHP实现链式操作的原理详解
Sep 16 PHP
php实现通过soap调用.Net的WebService asmx文件
Feb 27 PHP
PHP实现生成数据字典功能示例
May 24 PHP
ThinkPHP3.2.3框架实现的空模块、空控制器、空操作,跳转到错误404页面图文详解
Apr 03 PHP
PHP设计模式(七)组合模式Composite实例详解【结构型】
May 02 PHP
PHP+Mysql分布式事务与解决方案深入理解
Feb 27 PHP
php中iconv函数使用方法
May 24 #PHP
在PHP中使用模板的方法
May 24 #PHP
php读取数据库信息的几种方法
May 24 #PHP
php循环输出数据库内容的代码
May 24 #PHP
开源SNS系统-ThinkSNS
May 18 #PHP
删除及到期域名的查看(抢域名必备哦)
May 14 #PHP
php adodb连接带密码access数据库实例,测试成功
May 14 #PHP
You might like
php绝对路径与相对路径之间关系的的分析
2010/03/03 PHP
PHP实现PDO的mysql数据库操作类
2014/12/12 PHP
浅析Yii2缓存的使用
2016/05/10 PHP
PHP判断是手机端还是PC端 PHP判断是否是微信浏览器
2017/03/15 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/02/09 Javascript
JQuery选择器特辑 详细小结
2012/05/14 Javascript
JavaScript通过setTimeout实时显示当前时间的方法
2015/04/16 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
2017/01/03 Javascript
利用javascript实现的三种图片放大镜效果实例(附源码)
2017/01/23 Javascript
express+mockjs实现模拟后台数据发送功能
2018/01/07 Javascript
node.js爬取中关村的在线电瓶车信息
2018/11/13 Javascript
在Create React App中启用Sass和Less的方法示例
2019/01/16 Javascript
微信小程序基础教程之worker线程的使用方法
2019/07/15 Javascript
[06:13]DOTA2进化论(修改版)
2013/10/08 DOTA
Python迭代用法实例教程
2014/09/08 Python
在Django中创建第一个静态视图
2015/07/15 Python
python爬虫中get和post方法介绍以及cookie作用
2018/02/08 Python
python使用pdfminer解析pdf文件的方法示例
2018/12/20 Python
python代码打印100-999之间的回文数示例
2019/11/24 Python
使用Python爬虫库requests发送表单数据和JSON数据
2020/01/25 Python
python 操作mysql数据中fetchone()和fetchall()方式
2020/05/15 Python
浅谈pytorch 模型 .pt, .pth, .pkl的区别及模型保存方式
2020/05/25 Python
python中可以声明变量类型吗
2020/06/18 Python
python使用建议与技巧分享(二)
2020/08/17 Python
CSS3自定义滚动条样式的示例代码
2017/08/21 HTML / CSS
浅谈关于html5中图片抛物线运动的一些心得
2018/01/09 HTML / CSS
微软英国官方网站:Microsoft英国
2016/10/15 全球购物
Linux文件系统类型
2012/02/15 面试题
新郎父亲婚宴答谢词
2014/01/11 职场文书
教师个人自我评价范文
2014/04/13 职场文书
2015年教师节广播稿
2015/08/19 职场文书
超市店长竞聘书
2015/09/15 职场文书
2019年作为一名实习生的述职报告
2019/09/29 职场文书
详解NodeJS模块化
2021/06/15 NodeJs
无线电通信名词解释
2022/02/18 无线电