模拟静态分页的特效代码。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <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> </HEAD> <BODY> header <div id="divPagenation"></div> <div id="divContent"></div> footer <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='确定' >"; divDisplayPagenation.innerHTML=strDisplayPagenation; }}; </p></div><p align="center"><b><font color="red">[1]</font> <a href="97379_2.html">[2]</a> <a href="97379_2.html">下一页</a></b></p></div> <div align="left"><script type="text/javascript"><!-- google_ad_client = "pub-6656650434314599"; /* 468x15, 创建于 07-12-13 */ google_ad_slot = "4329097619"; google_ad_width = 468; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div> <div class="mainNewsCount"> [<script language="JavaScript" src="/article/Hits.Asp?ArticleID=97379"></script>] [<a href="javascript:history.go(-1)">返回上一页</a>] [<a href=javascript:window.print()>打 印</a>] </div> </div> <div class="mainstory"> <h2><span class="boxhead col-icon9">赞助商连接</span><span class="headLinks"></span></h2> <div class="story" style="padding:3px;"><script src="/adfile/Sponsorship.js" type="text/javascript"></script></div> </div> <div class="mainstory"> <div id="mainNextArticle" class="story"> <ul> <li>·上一篇网络学院：<a href="/article/97378.html">显示隐藏网页部分内容网页特效</a></li> <li>·下一篇网络学院：<a href="/article/97380.html">强制网页图片自适应大小的网页特效代码</a></li> </ul> </div> </div> <div class="mainstory"> <h2><span class="boxhead col-icon12">网络学院评论</span><span class="headLinks"><a href="/article/comment.asp?ArticleID=97379">评论内容只代表网友观点，与本站立场无关！</a> <input type="button" name="postBtn2" id="postBtn2" value="发表评论" onclick="showElement('postComment2')" /> </span></h2> <div class="story" style="padding:3px;"></div> </div> <div class="mainstory" id="postComment2" style="display:none;"> <div class="story postComment" style="padding:3px;"> <form name="myform" method="post" action="/article/comment.asp"> <input type="Hidden" name="ArticleID" value="97379" /> <input type="Hidden" name="action" value="save" /> <p>用户名：<input type="text" name="UserName" maxlength="15" size="28" /> <font color="#ff0000">！</font> <a href="/article/comment.asp?ArticleID=97379" target="_blank">查看更多评论</a></p> <p>分 值：<input type="radio" name="Grade" value="100" />100分 <input type="radio" name="Grade" value="85" checked="true" />85分 <input type="radio" name="Grade" value="70" />70分 <input type="radio" name="Grade" value="55" />55分 <input type="radio" name="Grade" value="40" />40分 <input type="radio" name="Grade" value="25" />25分 <input type="radio" name="Grade" value="10" />10分 <input type="radio" name="Grade" value="0" />0分</p> <p>内 容：<textarea name="content" cols="70" rows="5" title="请注意用语文明且合法，不要发布带有攻击性的言论，谢谢合作！"> ！
(注“！”为必填内容。) 验证码：
减小字体
增大字体