無標題文章

var jumpContainer = document.createElement("span");? ? ? ? ? ? ? ? ? ? var span1 = document.createElement("span");? ? ? ? ? ? ? ? ? ? var span2 = document.createElement("span");? ? ? ? ? ? ? ? ? ? var span3 = document.createElement("span");? ? ? ? ? ? ? ? ? ? var span4 = document.createElement("span");? ? ? ? ? ? ? ? ? ? var span5 = document.createElement("span");? ? ? ? ? ? ? ? ? ? var inputBox = document.createElement("input");? ? ? ? ? ? ? ? ? ? var button = document.createElement("input");? ? ? ? ? ? ? ? ? ? inputBox.value = fn.pageNow;? ? ? ? ? ? ? ? ? ? button.value = "確定";? ? ? ? ? ? ? ? ? ? button.type? = "button";? ? ? ? ? ? ? ? ? ? inputBox.className = "box";? ? ? ? ? ? ? ? ? ? button.className? = "BtnSur";? ? ? ? ? ? ? ? ? ? this.inputBox = inputBox;? ? ? ? ? ? ? ? ? ? var _this = this;? ? ? ? ? ? ? ? ? ? $(button).on("click",function(){? ? ? ? ? ? ? ? ? ? ? ? var page = fn.inputBox.value.trim();? ? ? ? ? ? ? ? ? ? ? ? fn.jump(page);? ? ? ? ? ? ? ? ? ? ? ? falBoxInput = page;? ? ? ? ? ? ? ? ? ? ? ? if(page >= _this.pageCount){? ? ? ? ? ? ? ? ? ? ? ? ? ? Page.alert(_this.pageCount);? ? ? ? ? ? ? ? ? ? ? ? ? ? fn.inputBox.value = _this.pageCount;? ? ? ? ? ? ? ? ? ? ? ? }else{? ? ? ? ? ? ? ? ? ? ? ? ? ? Page.alert(page);? ? ? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ? ? ? ? var n = $(".select").text();? ? ? ? ? ? ? ? ? ? ? ? fn.inputBox.value = n;? ? ? ? ? ? ? ? ? ? })? ? ? ? ? ? ? ? ? ? $(inputBox).on("keyup",function(){? ? ? ? ? ? ? ? ? ? ? ? var reg = /^[0-9]*[1-9][0-9]*$/;? ? ? ? ? ? ? ? ? ? ? ? (!reg.test(this.value)) && (this.value = "")? ? ? ? ? ? ? ? ? ? })? ? ? ? ? ? ? ? ? ? span1.innerHTML = "共"+this.pageCount+"頁";? ? ? ? ? ? ? ? ? ? span2.innerHTML = "到第";? ? ? ? ? ? ? ? ? ? span4.innerHTML = "頁";? ? ? ? ? ? ? ? ? ? span1.className = "jumpContainer";? ? ? ? ? ? ? ? ? ? span2.className = "jumpContainer";? ? ? ? ? ? ? ? ? ? span4.className = "jumpContainer";? ? ? ? ? ? ? ? ? ? span3.appendChild(inputBox);? ? ? ? ? ? ? ? ? ? span5.appendChild(button);? ? ? ? ? ? ? ? ? ? jumpContainer.appendChild(span1);? ? ? ? ? ? ? ? ? ? jumpContainer.appendChild(span2);? ? ? ? ? ? ? ? ? ? jumpContainer.appendChild(span3);? ? ? ? ? ? ? ? ? ? jumpContainer.appendChild(span4);? ? ? ? ? ? ? ? ? ? jumpContainer.appendChild(span5);? ? ? ? ? ? ? ? ? ? this.container.appendChild(this.acontainer);? ? ? ? ? ? ? ? ? ? this.container.appendChild(next);? ? ? ? ? ? ? ? ? ? this.container.appendChild(jumpContainer);? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? frontOrNext:function(node,isFront){? ? ? ? ? ? ? ? ? ? if(node.className.indexOf("disable")!=-1){? ? ? ? ? ? ? ? ? ? ? ? return;? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ? ? if(isFront){? ? ? ? ? ? ? ? ? ? ? ? this.pageNow--;? ? ? ? ? ? ? ? ? ? ? ? Page.alert(this.pageNow);? ? ? ? ? ? ? ? ? ? }else{? ? ? ? ? ? ? ? ? ? ? ? this.pageNow++;? ? ? ? ? ? ? ? ? ? ? ? Page.alert(this.pageNow);? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ? ? this.judge();? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? judge:function(){? ? ? ? ? ? ? ? ? ? if(this.pageNow - this.start>2){? ? ? ? ? ? ? ? ? ? ? ? this.reset();? ? ? ? ? ? ? ? ? ? }else{? ? ? ? ? ? ? ? ? ? ? ? this.drawPage();? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? jump:function(page){? ? ? ? ? ? ? ? ? ? if(page>this.pageCount){? ? ? ? ? ? ? ? ? ? ? ? this.pageNow = this.pageCount;? ? ? ? ? ? ? ? ? ? ? ? this.drawPage();? ? ? ? ? ? ? ? ? ? ? ? return;? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ? ? this.pageNow = page;? ? ? ? ? ? ? ? ? ? if(this.pageNow - this.start > 2){? ? ? ? ? ? ? ? ? ? ? ? this.reset();? ? ? ? ? ? ? ? ? ? }else{? ? ? ? ? ? ? ? ? ? ? ? this.drawPage();? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? check:function(){? ? ? ? ? ? ? ? ? ? if(this.pageNow <=1 ){? ? ? ? ? ? ? ? ? ? ? ? this.front.className += " disable";? ? ? ? ? ? ? ? ? ? }else{? ? ? ? ? ? ? ? ? ? ? ? this.front.className = "front";? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? reset:function(){? ? ? ? ? ? ? ? ? ? this.acontainer.innerHTML="";? ? ? ? ? ? ? ? ? ? var a1 = document.createElement("a");? ? ? ? ? ? ? ? ? ? var a2 = document.createElement("a");? ? ? ? ? ? ? ? ? ? var etc1 = document.createElement("a");? ? ? ? ? ? ? ? ? ? var etc2 = document.createElement("a");? ? ? ? ? ? ? ? ? ? a1.innerHTML = "1";? ? ? ? ? ? ? ? ? ? a2.innerHTML = "2";? ? ? ? ? ? ? ? ? ? etc1.innerHTML = "...";? ? ? ? ? ? ? ? ? ? etc2.innerHTML = "...";? ? ? ? ? ? ? ? ? ? etc1.className = etc2.className = "etc";? ? ? ? ? ? ? ? ? ? this.front.className = "front";? ? ? ? ? ? ? ? ? ? $(a1).on("click",function(){? ? ? ? ? ? ? ? ? ? ? ? fn.pageNow = this.innerHTML;? ? ? ? ? ? ? ? ? ? ? ? Page.alert(this.innerHTML);? ? ? ? ? ? ? ? ? ? ? ? Page.select(this,"select");? ? ? ? ? ? ? ? ? ? ? ? fn.drawPage();? ? ? ? ? ? ? ? ? ? ? ? fn.inputBox.value = this.innerHTML;? ? ? ? ? ? ? ? ? ? ? ? return;? ? ? ? ? ? ? ? ? ? })? ? ? ? ? ? ? ? ? ? $(a2).on("click",function(){? ? ? ? ? ? ? ? ? ? ? ? fn.pageNow = this.innerHTML;? ? ? ? ? ? ? ? ? ? ? ? Page.alert(this.innerHTML);? ? ? ? ? ? ? ? ? ? ? ? Page.select(this,"select");? ? ? ? ? ? ? ? ? ? ? ? fn.drawPage();? ? ? ? ? ? ? ? ? ? ? ? fn.inputBox.value = this.innerHTML;? ? ? ? ? ? ? ? ? ? ? ? return;? ? ? ? ? ? ? ? ? ? })? ? ? ? ? ? ? ? ? ? this.acontainer.appendChild(a1);? ? ? ? ? ? ? ? ? ? this.acontainer.appendChild(a2);? ? ? ? ? ? ? ? ? ? this.acontainer.appendChild(etc1);? ? ? ? ? ? ? ? ? ? var start;? ? ? ? ? ? ? ? ? ? var startCount = this.pageCount - (this.pageSize - 2)+1;? ? ? ? ? ? ? ? ? ? start = this.pageNow - Math.ceil((this.pageSize-2)/2)+1;? ? ? ? ? ? ? ? ? ? if(start >= startCount){? ? ? ? ? ? ? ? ? ? ? ? start = startCount;? ? ? ? ? ? ? ? ? ? ? ? this.isEnd = true;? ? ? ? ? ? ? ? ? ? }else{? ? ? ? ? ? ? ? ? ? ? ? this.isEnd = false? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ? ? this.start = start;? ? ? ? ? ? ? ? ? ? var _this = this;? ? ? ? ? ? ? ? ? ? var n = 0;? ? ? ? ? ? ? ? ? ? for( var i = 0 ; i=fn.pageSize-1){

fn.reset();

}

fn.inputBox.value = fn.pageNow;

})

}

}

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • function selecPage () { var n = 0; $.ajax({ url:"data.jso...
    BJ小哇閱讀 656評論 0 0
  • function pageAjax (pageNum) { var arr = selecPage();...
    BJ小哇閱讀 220評論 0 0
  • 單例模式 適用場景:可能會在場景中使用到對象,但只有一個實例,加載時并不主動創建,需要時才創建 最常見的單例模式,...
    Obeing閱讀 2,109評論 1 10
  • 工廠模式類似于現實生活中的工廠可以產生大量相似的商品,去做同樣的事情,實現同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 7,854評論 2 17
  • # tween.js user guide _**NOTE** this is a work in progres...
    3216732c1db1閱讀 430評論 0 0