泡客首页
|
CMS下载
|
CRM下载
|
泡客部落
|
首页
挨踢资讯
编程技巧
SEO优化
实用代码
聚焦话题
工作手记
系统安全
本站程序
留言
泡客部落
程序讨论
意见建议
疯狂灌水
社区互动论坛
TXT小说下载
素材酷站推荐
站长工具箱
推荐阅读
·6种lightbox效果源代码下载
·转Jshell写的一篇对Pcook CMS的分析文章
·IIS安装注意事项 最安全的安装方法
·ORIENTED红黑色系web2.0模板
·检测上传的图片文件(jpeg,gif,bmp,png)是否真
·本站使用的数据库备份代码
·减轻JavaScript测试和调试负担
·简单的滚动公告代码 兼容IE、Firefox
·CSS中的滑动门技术 导航栏背景跟随鼠标滑动
·长标题文章用CSS控制省略号方式显示
站内搜索
随机文档
·如何实现简单的FAQ折叠效果
·ORIENTED红黑色系web2.0模板
·aspjpeg2.0组件下载(适用32位/64位系统)
·直接生成XML的Google SiteMap代码
·为什么在IE7下网页会变形??
·javascript判断浏览器的一段代码
·DIV CSS网页布局中常用的列表元素ul ol li dl
·Marquee替代 -- 无间滚动[IE6-7, FF, O
·用CSS实现段落前面缩进两个字
·web标准中不要滥用li
您现在的位置:
首页
>>
实用代码
>> 信息正文
模拟静态网页分页的特效代码
2008-9-4 22:10:15 来源: 网络 作者:Admin 访问:
368
次 被顶:
6
次 字号:【
大
中
小
】
HTML代码
<STYLE> * { font-size:10.2pt; font-family:tahoma; line-height:150%; } .divContent { border:1px solid red; background-color:#FFD2D3; width:500px; word-break:break-all; margin:10px 0px 10px; padding:10px; } </STYLE> <DIV id=divPagenation>分页:上一页 1 <A onclick=DHTMLpagenation.goto(2); href="javascript:void(0)">2</A> <A onclick=DHTMLpagenation.goto(3); href="javascript:void(0)">3</A> <A onclick=DHTMLpagenation.goto(4); href="javascript:void(0)">4</A> <A onclick=DHTMLpagenation.goto(5); href="javascript:void(0)">5</A> <A onclick=DHTMLpagenation.goto(6); href="javascript:void(0)">6</A> <A onclick=DHTMLpagenation.goto(7); href="javascript:void(0)">7</A> <A onclick=DHTMLpagenation.goto(8); href="javascript:void(0)">8</A> <A onclick=DHTMLpagenation.goto(9); href="javascript:void(0)">9</A> <A onclick=DHTMLpagenation.goto(10); href="javascript:void(0)">10</A> <A onclick=DHTMLpagenation.next() href="javascript:void(0)">下一页</A> 共 10 页,每页100 字符,调整字符数:<INPUT id=ctlPerpageLength value=100><INPUT onclick='DHTMLpagenation.change(document.getElementById("ctlPerpageLength").value);' type=button value=确定></DIV> <DIV class=divContent id=divContent> <P>女老师竭力向孩子们证明,学习好功课的重要性。 </P> <P>她说:“牛顿坐在树下,眼睛盯着树在思考,这时,有一个苹果落在他的头上,于是他发现了万有引力定律,孩子们,你们想想看,做一位伟大的科学家</P></DIV> <SCRIPT language=JavaScript> <!-- s="<p>女老师竭力向孩子们证明,学习好功课的重要性。 </p><p>她说:“牛顿坐在树下,眼睛盯着树在思考,这时,有一个苹果落在他的头上,于是他发现了万有引力定律,孩子们,你们想想看,做一位伟大的科学家多么好,多么神气啊,要想做到这一点,就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说:“兴许是这样,可是,假如他坐在学校里,埋头书本,那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明,学习好功课的重要性。 </p><p>她说:“牛顿坐在树下,眼睛盯着树在思考,这时,有一个苹果落在他的头上,于是他发现了万有引力定律,孩子们,你们想想看,做一位伟大的科学家多么好,多么神气啊,要想做到这一点,就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说:“兴许是这样,可是,假如他坐在学校里,埋头书本,那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明,学习好功课的重要性。 </p><p>她说:“牛顿坐在树下,眼睛盯着树在思考,这时,有一个苹果落在他的头上,于是他发现了万有引力定律,孩子们,你们想想看,做一位伟大的科学家多么好,多么神气啊,要想做到这一点,就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说:“兴许是这样,可是,假如他坐在学校里,埋头书本,那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明,学习好功课的重要性。 </p><p>她说:“牛顿坐在树下,眼睛盯着树在思考,这时,有一个苹果落在他的头上,于是他发现了万有引力定律,孩子们,你们想想看,做一位伟大的科学家多么好,多么神气啊,要想做到这一点,就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说:“兴许是这样,可是,假如他坐在学校里,埋头书本,那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明,学习好功课的重要性。 </p><p>她说:“牛顿坐在树下,眼睛盯着树在思考,这时,有一个苹果落在他的头上,于是他发现了万有引力定律,孩子们,你们想想看,做一位伟大的科学家多么好,多么神气啊,要想做到这一点,就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说:“兴许是这样,可是,假如他坐在学校里,埋头书本,那他就什么也发现不了啦。” </p>"; function DHTMLpagenation(content) { with (this) { // client static html file pagenation this.content=content; this.contentLength=content.length; this.pageSizeCount; this.perpageLength=100; //default perpage byte length. this.currentPage=1; //this.regularExp=/.+[\?\&]{1}page=(\d+)/; this.regularExp=/\d+/; this.divDisplayContent; this.contentStyle=null; this.strDisplayContent=""; this.divDisplayPagenation; this.strDisplayPagenation=""; arguments.length==2?perpageLength=arguments[1]:''; try { divExecuteTime=document.createElement("DIV"); document.body.appendChild(divExecuteTime); } catch(e) { } if(document.getElementById("divContent")) { divDisplayContent=document.getElementById("divContent"); } else { try { divDisplayContent=document.createElement("DIV"); divDisplayContent.id="divContent"; document.body.appendChild(divDisplayContent); } catch(e) { return false; } } if(document.getElementById("divPagenation")) { divDisplayPagenation=document.getElementById("divPagenation"); } else { try { divDisplayPagenation=document.createElement("DIV"); divDisplayPagenation.id="divPagenation"; document.body.appendChild(divDisplayPagenation); } catch(e) { return false; } } DHTMLpagenation.initialize(); return this; }}; DHTMLpagenation.initialize=function() { with (this) { divDisplayContent.className=contentStyle!=null?contentStyle:"divContent"; if(contentLength<=perpageLength) { strDisplayContent=content; divDisplayContent.innerHTML=strDisplayContent; return null; } pageSizeCount=Math.ceil((contentLength/perpageLength)); DHTMLpagenation.goto(currentPage); DHTMLpagenation.displayContent(); }}; DHTMLpagenation.displayPage=function() { with (this) { strDisplayPagenation="分页:"; if(currentPage&¤tPage!=1) strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.previous()">上一页</a> '; else strDisplayPagenation+="上一页 "; for(var i=1;i<=pageSizeCount;i++) { if(i!=currentPage) strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.goto('+i+');">'+i+'</a> '; else strDisplayPagenation+=i+" "; } if(currentPage&¤tPage!=pageSizeCount) strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.next()">下一页</a> '; else strDisplayPagenation+="下一页 "; strDisplayPagenation+="共 " + pageSizeCount + " 页,每页" + perpageLength + " 字符,调整字符数:<input type='text' value='"+perpageLength+"' id='ctlPerpageLength'><input type='button' value='确定' onclick='DHTMLpagenation.change(document.getElementById(\"ctlPerpageLength\").value);'>"; divDisplayPagenation.innerHTML=strDisplayPagenation; }}; DHTMLpagenation.previous=function() { with(this) { DHTMLpagenation.goto(currentPage-1); }}; DHTMLpagenation.next=function() { with(this) { DHTMLpagenation.goto(currentPage+1); }}; DHTMLpagenation.goto=function(iCurrentPage) { with (this) { startime=new Date(); if(regularExp.test(iCurrentPage)) { currentPage=iCurrentPage; strDisplayContent=content.substr((currentPage-1)*perpageLength,perpageLength); } else { alert("page parameter error!"); } DHTMLpagenation.displayPage(); DHTMLpagenation.displayContent(); }}; DHTMLpagenation.displayContent=function() { with (this) { divDisplayContent.innerHTML=strDisplayContent; }}; DHTMLpagenation.change=function(iPerpageLength) { with(this) { if(regularExp.test(iPerpageLength)) { DHTMLpagenation.perpageLength=iPerpageLength; DHTMLpagenation.currentPage=1; DHTMLpagenation.initialize(); } else { alert("请输入数字"); } }}; // method // DHTMLpagenation(strContent,perpageLength) DHTMLpagenation(s,100); //--> </SCRIPT> <DIV></DIV>
提示:您可以先修改部分代码再运行
顶一下
打印本文
加入收藏
返回顶部
关闭窗口
Tags:
上一篇:
显示隐藏网页部分内容网页特效
下一篇:
aspjpeg2.0组件下载(适用32位/64位系统)
相关文章列表
·
乱葬青春
·
凌乱的思绪
·
忆守震
·
目标
·
秋风忽至的晚上
·
再见,2008年12月10日
参与评论
请文明参与讨论,禁止漫骂攻击。
用户名:
(Ctrl+Enter 快速发表)
网友评论列表
关于我们
|
联系我们
|
广告服务
|
友情链接
|
网站地图
|
版权声明
|
人才招聘
|
帮助
© CopyRight 2008
Pcook.com.cn
, Inc.All Rights Reserved.
Powered by:
laoy8
Design by:
Pcook
沪ICP备08004247号