⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 小鹤与独角兽 - js分页代码,适合静态页分页.htm

📁 自己做项目时做的一个javascript的分页例子
💻 HTM
📖 第 1 页 / 共 2 页
字号:
🔍
12 
setpage()<BR>{<BR>&nbsp;&nbsp;&nbsp; 
if(totalpage&lt;=10){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
//总页数小于十页<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for 
(count=1;count&lt;=totalpage;count++)<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
{&nbsp;&nbsp;&nbsp; 
if(count!=cpage)<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
{<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
outstr = outstr + "&lt;a href='javascript:void(0)' 
onclick='gotopage("+count+")'&gt;"+count+"&lt;/a&gt;";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
}else{<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
outstr = outstr + "&lt;span class='current' 
&gt;"+count+"&lt;/span&gt;";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
}<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<BR>&nbsp;&nbsp;&nbsp; 
}<BR>&nbsp;&nbsp;&nbsp; 
if(totalpage&gt;10){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
//总页数大于十页<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
if(parseInt((cpage-1)/10) == 0)<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for 
(count=1;count&lt;=10;count++)<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
{&nbsp;&nbsp;&nbsp; 
if(count!=cpage)<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
{<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
outstr = outstr + "&lt;a href='javascript:void(0)' 
onclick='gotopage("+count+")'&gt;"+count+"&lt;/a&gt;";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
}else{<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
outstr = outstr + "&lt;span 
class='current'&gt;"+count+"&lt;/span&gt;";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
}<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
}<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; outstr = 
outstr + "&lt;a href='javascript:void(0)' onclick='gotopage("+count+")'&gt; next 
&lt;/a&gt;";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
}<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else if(parseInt((cpage-1)/10) 
== parseInt(totalpage/10))<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
{&nbsp;&nbsp;&nbsp; 
<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; outstr = 
outstr + "&lt;a href='javascript:void(0)' 
onclick='gotopage("+(parseInt((cpage-1)/10)*10)+")'&gt;previous&lt;/a&gt;";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
for 
(count=parseInt(totalpage/10)*10+1;count&lt;=totalpage;count++)<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
{&nbsp;&nbsp;&nbsp; 
if(count!=cpage)<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
{<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
outstr = outstr + "&lt;a href='javascript:void(0)' 
onclick='gotopage("+count+")'&gt;"+count+"&lt;/a&gt;";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
}else{<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
outstr = outstr + "&lt;span 
class='current'&gt;"+count+"&lt;/span&gt;";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
}<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
}<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
}<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
else<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp;&nbsp; 
<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; outstr = 
outstr + "&lt;a href='javascript:void(0)' 
onclick='gotopage("+(parseInt((cpage-1)/10)*10)+")'&gt;previous&lt;/a&gt;";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
for 
(count=parseInt((cpage-1)/10)*10+1;count&lt;=parseInt((cpage-1)/10)*10+10;count++)<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
if(count!=cpage)<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
{<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
outstr = outstr + "&lt;a href='javascript:void(0)' 
onclick='gotopage("+count+")'&gt;"+count+"&lt;/a&gt;";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
}else{<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
outstr = outstr + "&lt;span 
class='current'&gt;"+count+"&lt;/span&gt;";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
}<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
}<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; outstr = 
outstr + "&lt;a href='javascript:void(0)' onclick='gotopage("+count+")'&gt; next 
&lt;/a&gt;";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }</FONT></P>
<P><FONT face=Arial>&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp; 
<BR>&nbsp;&nbsp;&nbsp; document.getElementById("setpage").innerHTML = "&lt;div 
id='setpage'&gt;&lt;span id='info'&gt;共"+totalpage+"页|第"+cpage+"页&lt;\/span&gt;" 
+ outstr + "&lt;\/div&gt;";<BR>&nbsp;&nbsp;&nbsp; outstr = 
"";<BR>}<BR>setpage();&nbsp;&nbsp;&nbsp; 
//调用分页<BR>//--&gt;<BR>&lt;/script&gt;<BR>&lt;/body&gt;<BR>&lt;/html&gt;<BR></FONT></P>
<P></P></DIV></DIV>
<DIV><INPUT onclick='Preview("code0")' type=button value=运行代码></DIV>
<P></P></FONT></FONT><BR>
<P class=googleSearch><A 
href="http://www.google.cn/custom?q=JS%B7%D6%D2%B3%B4%FA%C2%EB%2C%CA%CA%BA%CF%BE%B2%CC%AC%D2%B3%B7%D6%D2%B3&amp;sa=%CB%D1%CB%F7&amp;client=pub-8206609157245993&amp;forid=1&amp;ie=GB2312&amp;oe=GB2312&amp;flav=0001&amp;sig=4JqBjFKCthKuQ8k0&amp;cof=GALT%3A%230066CC%3BGL%3A1%3BDIV%3A%23999999%3BVLC%3A336633%3BAH%3Acenter%3BBGC%3AFFFFFF%3BLBGC%3AFF9900%3BALC%3A0066CC%3BLC%3A0066CC%3BT%3A000000%3BGFNT%3A666666%3BGIMP%3A666666%3BFORID%3A1&amp;hl=zh-CN" 
target=_blank>相关链接：Google上关于“JS分页代码,适合静态页分页”的更多文章</A></P></DIV>
<DIV id=ad1area></DIV>
<DIV class=article_infor>VIEW:
<SCRIPT 
src="C:\Documents and Settings\teamax.WWW404\桌面\fenye\小鹤与独角兽 - JS分页代码,适合静态页分页.files\js(4).htm" 
type=text/javascript></SCRIPT>
 | COMMENT:
<SCRIPT 
src="C:\Documents and Settings\teamax.WWW404\桌面\fenye\小鹤与独角兽 - JS分页代码,适合静态页分页.files\js(5).htm" 
type=text/javascript></SCRIPT>
 | QUOTE:
<SCRIPT 
src="C:\Documents and Settings\teamax.WWW404\桌面\fenye\小鹤与独角兽 - JS分页代码,适合静态页分页.files\js(6).htm" 
type=text/javascript></SCRIPT>
</DIV><!-- 统计栏[阅读次数、引用次数、评论数] 输出的格式：[VIEW: 10 | COMMENT: 10 | QUOTE: 10]  --></DIV>
<DIV class=msgbox>
<SCRIPT 
src="C:\Documents and Settings\teamax.WWW404\桌面\fenye\小鹤与独角兽 - JS分页代码,适合静态页分页.files\js(7).htm" 
type=text/javascript></SCRIPT>

<DIV class=comment_topic>添加评论</DIV>
<DIV id=writecomment>
<FORM name=form_comment action=../func/comment_save.asp method=post><INPUT 
type=hidden value=174 name=bid>
<TABLE id=sendcomment cellSpacing=0 cellPadding=0 border=0>
  <TBODY>
  <TR>
    <TD class=send_title vAlign=top>名字</TD>
    <TD><INPUT size=30 name=comment_uid></TD>
    <TD style="VERTICAL-ALIGN: top; TEXT-ALIGN: center" rowSpan=4>
      <DIV id=ad2area></DIV></TD></TR>
  <TR>
    <TD class=send_title vAlign=top>主题</TD>
    <TD><INPUT size=30 value=Re:JS分页代码,适合静态页分页 name=comment_title></TD></TR>
  <TR>
    <TD class=send_title vAlign=top>验证码</TD>
    <TD><INPUT size=30 name=checkcode> <IMG alt=验证码 
      src="小鹤与独角兽 - JS分页代码,适合静态页分页.files/getcode.bmp"></TD></TR>
  <TR>
    <TD class=send_title vAlign=top>评论内容</TD>
    <TD><TEXTAREA name=comment_content></TEXTAREA></TD></TR>
  <TR>
    <TD class=send_title>&nbsp;</TD>
    <TD><INPUT class=button type=submit value=提交 name=Submit> <INPUT class=button type=reset value=重置 name=reset></TD></TR></TBODY></TABLE></FORM></DIV></DIV></DIV></DIV></DIV>
<DIV id=foot><!-- 页面底部 -->Copyright &copy; http://www.rainoina.com. All Rights 
Reserved.<BR>Powered By RainDesign<BR></DIV></BODY></HTML>
12

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -