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 项目的方法
Jan 02 PHP
Apache+php+mysql在windows下的安装与配置图解(最新版)
Nov 30 PHP
PHP类的使用 实例代码讲解
Dec 28 PHP
php 模拟POST|GET操作实现代码
Jul 20 PHP
mysql_num_rows VS COUNT 效率问题分析
Apr 23 PHP
取得单条网站评论以数组形式进行输出
Jul 28 PHP
PHP速成大法
Jan 30 PHP
PHP结合jQuery实现找回密码
Jul 22 PHP
简单PHP会话(session)说明介绍
Aug 21 PHP
PHP多进程编程之僵尸进程问题的理解
Oct 15 PHP
PHP的JSON封装、转变及输出操作示例
Sep 27 PHP
php中数组最简单的使用方法
Dec 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的面向对象编程
2006/10/09 PHP
destoon二次开发常用数据库操作
2014/06/21 PHP
详解WordPress中用于合成数组的wp_parse_args()函数
2015/12/18 PHP
实现PHP搜索加分页
2016/10/12 PHP
PHP编程实现微信企业向用户付款的方法示例
2017/07/26 PHP
PHP设计模式之状态模式定义与用法详解
2018/04/02 PHP
修改jquery.lazyload.js实现页面延迟载入
2010/12/22 Javascript
来自国外的30个基于jquery的Web下拉菜单
2012/06/22 Javascript
图片翻转效果具体实现代码
2014/01/09 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
2014/02/26 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
2015/11/19 Javascript
Bootstrap table分页问题汇总
2016/05/30 Javascript
bootstrap读书笔记之CSS组件(上)
2016/10/17 Javascript
AngularJS1.X学习笔记2-数据绑定详解
2017/04/01 Javascript
详解Angular 4 表单快速入门
2017/06/05 Javascript
微信、QQ、微博、Safari中使用js唤起App
2018/01/24 Javascript
使用Vue.js 和Chart.js制作绚丽多彩的图表
2019/06/15 Javascript
浅入深出Vue之组件使用
2019/07/11 Javascript
vue页面更新patch的实现示例
2020/03/25 Javascript
Python字符串和文件操作常用函数分析
2015/04/08 Python
python列表的增删改查实例代码
2018/01/30 Python
python 列表删除所有指定元素的方法
2018/04/19 Python
Django学习教程之静态文件的调用详解
2018/05/08 Python
python文件拆分与重组实例
2018/12/10 Python
PyCharm 设置SciView工具窗口的方法
2019/01/15 Python
Python爬虫学习之翻译小程序
2019/07/30 Python
python Scrapy爬虫框架的使用
2021/01/21 Python
英国独特的时尚和生活方式品牌:JOY
2018/03/17 全球购物
程序员岗位职责
2013/11/11 职场文书
DIY蛋糕店的创业计划书范文
2013/12/26 职场文书
会计专业应届生自荐信
2014/02/07 职场文书
学生会宣传部部长竞选演讲稿
2014/04/25 职场文书
2014年教师党员自我评议
2014/09/19 职场文书
2015年小学体育教师工作总结
2015/10/23 职场文书
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
2021/06/15 Javascript
Win11 Build 21996.1 Dev版怎么样? win11系统截图欣赏
2021/11/21 数码科技