📄 multipagenum.js
字号:
var docpage = 25;//
var curpage = 1;
var maxdoc = 0;
var maxpage = 0;
var docs = document.getElementById("articleTbl").rows;
var turnpage = document.getElementsByName("turnpage");
function initshow() {
maxdoc = docs.length;
updatemaxpage();
initturnpage();
if (maxdoc>0)
showpage(1);
}
function initselectpage() {
var temphtml = "";
for (var i=0; i<maxpage; i++){
temphtml += "<option value=\"" + (i+1) + "\">" + (i+1) + "</option>";
}
selectpage.innerHTML = "第 <select id='_selectpage' onchange='showpage(this.options[this.selectedIndex].value)'>" + temphtml + "</select> 页 / 共 " + maxpage + " 页";
selectpage = document.getElementById("_selectpage");
}
function updateselectpage() {
if (curpage>0) {
selectpage.options[curpage-1].selected = true;
}
}
function initturnpage() {
var firststr = "";
var prevstr = "";
var nextstr = "";
var laststr = "";
var morestr ="";
firststr = "<span onclick=\"firstpage();\" class=\"firstlist\" onmouseover=this.className=\"firstlist_hover\" onmouseout=this.className=\"firstlist\"></span>";
prevstr = "<span onclick=\"prevpage();\" class=\"previewlist\" onmouseover=this.className=\"previewlist_hover\" onmouseout=this.className=\"previewlist\"></span>";
morestr=initNeedpage();
nextstr = "<span onclick=\"nextpage();\" class=\"nextlist\" onmouseover=this.className=\"nextlist_hover\" onmouseout=this.className=\"nextlist\"></span>";
laststr = "<span onclick=\"lastpage();\" class=\"lastlist\" onmouseover=this.className=\"lastlist_hover\" onmouseout=this.className=\"lastlist\"></span>";
for(var eproi=0;eproi<turnpage.length;eproi++)
{
turnpage(eproi).innerHTML = firststr + " " + prevstr +morestr+ " " + nextstr + " " + laststr;
}
}
function showNum(numIn)
{var nowNum=numIn;
showpage(nowNum);
}
function initNeedpage()
{var nowPage=curpage;
var moreNum=" ";
var beginPage,endPage;
beginPage=nowPage-5;
endPage=nowPage+5;
if (beginPage<1)
{beginPage=1;}
if(endPage>maxpage)
{endPage=maxpage;}
// alert(beginPage+"--"+endPage);
for(var i=beginPage;i<endPage+1;i++)
{if(i==nowPage){
moreNum+="<span onclick=\"showNum("+i+");\" class=\"tonum\"><font color=red>"+i+"</span></font> ";}
else{
moreNum+="<span onclick=\"showNum("+i+");\" class=\"tonum\"><font color=navy>"+i+"</font></span> ";
}
}
return moreNum;
}
function updatemaxpage() {
maxpage = Math.ceil(maxdoc/docpage);
}
function setcurpage(cp){
curpage = cp;
if (curpage<1) {
curpage = 1;
}
if (curpage>maxpage) {
curpage = maxpage;
}
}
function hidepage() {
for (var i=0; i<maxdoc; i++){
docs[i].style.display = "none";
}
}
function firstpage() {
showpage(1);
}
function prevpage() {
showpage(curpage-1);
}
function nextpage() {
showpage(curpage+1);
}
function lastpage() {
showpage(maxpage);
}
function showpage(pageno) {
if (pageno<1) {
pageno = 1;
}
if (pageno>maxpage) {
pageno = maxpage;
}
hidepage();
setcurpage(pageno);
if (pageno>0) {
var startnum = docpage * (curpage - 1);
for (var i=0; (i<docpage)&&((startnum + i)<maxdoc); i++){
docs[startnum + i].style.display = "";
}
}
initturnpage();
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -