HTML静态分页(形如:首页,上一页,下一页,尾页)
在HTML中有时候我们会用到静态分页,一次拿回一定量的数据结果条目,我们会以形如:第2页,共12页 首页 上一页 下一页 尾页 的方式进行静态分页,以下是该种静态分页的代码,供兄弟姐妹们参考。
<div class="page"> <!-- a href="tosearch.jsp" target="_blank" class="blue">更多</a -->
<SCRIPT type="text/javascript">
function createPageHTML(_nPageCount, _nCurrIndex, _sPageName, _sPageExt){ if(_nPageCount == null || _nPageCount<1){ return; } var nCurrIndex = _nCurrIndex || 0; var pre,next,first,last; if(_nPageCount==1){ first='<span class="blue">首页</span> '; pre='<span class="blue">上一页</span> '; next='<span class="blue">下一页</span> '; last='<span class="blue">尾页</span> '; }else{ if(_nCurrIndex==0){ pre='<span class="blue">上一页</span> '; first='<span class="blue">首页</span> '; next='<a class="blue" href="'+_sPageName+'_' +(nCurrIndex+1)+'.'+_sPageExt+'">下一页</a> '; last='<a class="blue" href="'+_sPageName+'_' + (_nPageCount-1)+'.'+_sPageExt+'">尾页</a> '; } else{ if(_nCurrIndex==1){ first='<a class="blue" href="'+_sPageName+'.'+_sPageExt+'">首页</a> '; pre='<a class="blue" href="'+_sPageName+'.'+_sPageExt+'">上一页</a> '; if(_nPageCount==2){ next='<span class="blue">下一页</span> '; last='<span class="blue">尾页</span> '; } else{ next='<a class="blue" href="'+_sPageName+'_' + (nCurrIndex+1)+'.'+_sPageExt+'">下一页</a> '; last='<a class="blue" href="'+_sPageName+'_' + (_nPageCount-1)+'.'+_sPageExt+'">尾页</a> '; }} else{ first='<a class="blue" href="'+_sPageName+'.'+_sPageExt+'">首页</a> '; pre='<a class="blue" href="'+_sPageName+'_'+(nCurrIndex -1)+'.'+_sPageExt+'">上一页</a> '; if(nCurrIndex+1==_nPageCount){ next='<span class="blue">下一页</span> '; last='<span class="blue">尾页</span> '; } else{ next='<a class="blue" href="'+_sPageName+'_' + (nCurrIndex+1)+'.'+_sPageExt+'">下一页</a> '; last='<a class="blue" href="'+_sPageName+'_' + (_nPageCount-1)+'.'+_sPageExt+'">尾页</a> '; } }
}
}
document.write("第"+(nCurrIndex+1)+"页,共"+_nPageCount+"页 "+first+pre+next+last); }
createPageHTML(${PAGE_COUNT}, ${PAGE_INDEX}, "${PAGE_NAME}", "${PAGE_EXT}"); </SCRIPT> </div>
HTML静态分页(形如:首页,上一页,下一页,尾页)的更多相关文章
- C# 封装首页、上一页、下一月、尾页处理器
public void BtnPageClickEvent(object sender,string focusForeground,string lostFocusForeground) { But ...
- thinkPHP中的文章详情页实现“上一篇下一篇”功能经验分享
前段时间在公司中接触到了用thinkPHP搭建的项目,其中涉及到了文章详情页上一篇下一篇翻页的功能实现效果. 因为刚接触这套框架和PHP,所以整理一下实现该功能的经验方法. 如果有不到位的地方,欢迎指 ...
- 2016/3/27 分页 共X条数据 本页x条 本页从x-y条 x/y页 首页 上一页 123456 下一页 末页 pagego echo $page->fpage(7,6,5,4,3,2,1,0);
显示效果: fpage.class.php <?php /** file: page.class.php 完美分页类 Page */ class Page { private $total; / ...
- GridView自带分页 1总页数 首页 下一页 上一页 尾页 X 页 go 实现方法 .
在前台GRIDVIEW中添加如下代码 <PagerTemplate> <table> <tr> <td style="text-align: rig ...
- thinkPHP生成静态分页列表
改造分页类Pagehtml.class.php <?php // 静态分页列表类 class Pagehtml extends Think { //分页url public $pageUrl; ...
- JQuery Pagination 分页插件 增加了首页尾页以及跳转功能
JQuery分页插件 挺好用的 但是官方是没有提供首页尾页以及跳转功能 我觉得这个功能可以有,于是就改进了一下 一个js一个css从连接里面下 链接:http://pan.baidu.com/s/1n ...
- GridView自定义分页样式(上一页,下一页,到第几页)
今天要为网站做一个文章列表,发现GridView的分页样式很难看,于是结合网上的例子,自己做了一个.不是很美观,不过还是很实用的,先看下效果吧,如图(1). 图(1)GridView分页效果 自定义G ...
- jQuery静态分页功能
分页功能在做项目的过程中是常常用到的,下面是我常用的一款分页效果: 1.分页的CSS样式(page.css) #setpage { margin: 15px auto; text-align: cen ...
- Python - Django - 添加首页尾页上一页下一页
添加首页和尾页: views.py: from django.shortcuts import render from app01 import models def book_list(reques ...
随机推荐
- Oracle Net Listener Parameters (listener.ora)(转)
12/20 7 Oracle Net Listener Parameters (listener.ora) This chapter provides a complete listing of th ...
- MTK MOTA升级步骤
MOTA的前提下有其自己的server,MTK我在已经完成,可以MTK应用,然后移动到它自己的server向上. 1.打开ProjectConfig.mk中间MTK_SYSTEM_UPDATE_SUP ...
- 【高德地图API】从头德国高中生JS API(三)覆盖物——大喊|折线|多边形|信息表|聚合marker|点蚀图|照片覆盖
覆盖物,是一张地图的灵魂.有覆盖物的地图.才是完整的地图.在一张地图上,除了底层的底图(瓦片图,矢量图),控件(有功能可操作的工具).最重要最必不可少的就是覆盖物了.覆盖物有多种.包含.标注.折线.多 ...
- 关于.NET,.NET Framework 和ASP.NET的总结
.NET 1.1. .NET是 Microsoft XML Web services 平台和技术. 1.2. 一个.NET应用是一个运行于.NET Framework之上的 ...
- IOS总结_IOS经常使用的方法集合、调用系统电话、设备区分、APP内永不锁屏
调用系统打电话的功能 打电话功能仅仅有iPhone支持,对于其它设备相应button应该禁用. //直接调用系统电话呼叫功能,挂断电话后不能回到应用程序 [UIApplication sharedAp ...
- 【C++基金会 04】vector详细解释
根据写博客开始总有一些事情的习惯,加鸡汤文,今天请原谅我记得. ============================================= 今天要写的内容是顺序型容器.首先,标准库定义 ...
- T-SQL性能调整——信息收集
原文:T-SQL性能调整--信息收集 IO信息(自服务器启动开始) --Database IO analysis WITH IOFORDATABASE AS ( SELECT DB_NAME(VFS. ...
- python带cookie提交表单自动登录(转)
今天突然把博客给申请了,以前也想过的,奈于自己觉得水平还太低有点不好意思写博客,但是后来一想,自己的记录所学,加深印象,主要还是为了学习进步,不怕丢人!今天就稍微回顾一下这两天写的一段用python模 ...
- 设计管理员表;webservice用于网络安全的高端内提供服务的
admin表设计.你应该有角色表,管理员属于一个样的作用,另一个接口选项,以查看表.角色有更多的选择的能力. 角色和选项代表了许多关系,因此,我们必须保持这种关系有一个表 版权声明:本文博客原创文章, ...
- 终结者:具体解释Nginx(一)
相信非常多人都听过Nginx.这个小巧的东西能够和Apache及IIS相媲美. 那么它有什么作用呢?一句话.它是一个减轻Web应用server(如Tomcat)压力和实现Web应用se ...