静态代码分页
来源：互联网 发布：2016年网络热搜关键词 编辑：程序博客网 时间：2024/05/18 00:15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-Type" content="text/html;charset=gb2312"/><title>网页特效 静态代码的分页效果 站长特效网欢迎您。</title><style type="text/css">tr {display: none}</style></head><body><table id="www_zzjs_net"><tr><td>站长特效01页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效02页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效03页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效04页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效05页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效06页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效07页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效08页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效09页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效10页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效11页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效12页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效13页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效14页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效15页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效16页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效17页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效18页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效19页，打造国内最帅的网页特效站！</td></tr><tr><td>站长特效20页，打造国内最帅的网页特效站！</td></tr></table><div id="changpage"></div><script language="javascript">var obj, j;var page = 0;var nowPage = 0;//当前页var listNum = 3;//每页显示<ul>数var PagesLen;//总页数var PageNum = 4;//分页链接接数(5个)onload = function() {obj = document.getElementById("www_zzjs_net").getElementsByTagName("tr");j = obj.lengthPagesLen = Math.ceil(j / listNum);upPage(0)}function upPage(p) {nowPage = p//内容变换for ( var i = 0; i < j; i++) {obj[i].style.display = "none"}for ( var i = p * listNum; i < (p + 1) * listNum; i++) {if (obj[i])obj[i].style.display = "block"}//分页链接变换strS = '<a href="###" onclick="upPage(0)">首页</a> '/* var PageNum_2 = PageNum % 2 == 0 ? Math.ceil(PageNum / 2) + 1: Math.ceil(PageNum / 2) var PageNum_3 = PageNum % 2 == 0 ? Math.ceil(PageNum / 2) : Math.ceil(PageNum / 2) + 1 */var PageNum_2 = 2;var PageNum_3 = 3;var strC = "", startPage, endPage;if (PageNum >= PagesLen) {startPage = 0;endPage = PagesLen - 1} else if (nowPage < PageNum_2) {startPage = 0;endPage = PagesLen - 1 > PageNum ? PageNum : PagesLen - 1}//首页else {startPage = nowPage + PageNum_3 >= PagesLen ? PagesLen- PageNum - 1 : nowPage - PageNum_2 + 1;var t = startPage + PageNum;endPage = t > PagesLen ? PagesLen - 1 : t}for ( var i = startPage; i <= endPage; i++) {if (i == nowPage)strC += '<a href="###" style="color:red;font-weight:700;" onclick="upPage('+ i + ')">' + (i + 1) + '</a> 'elsestrC += '<a href="###" onclick="upPage(' + i + ')">'+ (i + 1) + '</a> '}strE = ' <a href="###" onclick="upPage(' + (PagesLen - 1)+ ')">尾页</a> 'strE2 = nowPage + 1 + "/" + PagesLen + "页" + " 共" + j + "条"document.getElementById("changpage").innerHTML = strS + strC + strE+ strE2}</script></body></html>
