7種增加網站用戶體驗的JS腳本分頁代碼

http://www.inspirr.com

?', 'gi');
var chk = args.match;
this.page = RegExp.$1;
}
showPages.prototype.checkPages = function{ //進行當前頁數和總頁數的驗證
if )) this.page = 1;
if )) this.pageCount = 1;
if this.page = 1;
if this.pageCount = 1;
if this.page = this.pageCount;
this.page = parseInt;
this.pageCount = parseInt;
}
showPages.prototype.createHtml = function{ //生成html代碼
var strHtml = '', prevPage = this.page - 1, nextPage = this.page + 1;
if == 'undefined') mode = 0;
switch {
case 0 : //模式1
strHtml 'Pages: ' + this.page + ' / ' + this.pageCount + '';
strHtml '';
if {
strHtml '«';
strHtml '‹';
} else {
strHtml '«';
strHtml '‹';
}
for {
if {
if {
strHtml '[' + i + ']';
} else {
strHtml '[' + i + ']';
}
}
}
if {
strHtml '›';
strHtml '»';
} else {
strHtml '›';
strHtml '»';
}
strHtml '
';
break;
case 1 : //模式1
strHtml 'Pages: ' + this.page + ' / ' + this.pageCount + '';
strHtml '';
if {
strHtml '«';
strHtml '‹';
} else {
strHtml '«';
strHtml '‹';
}
if {
var startPage = this.page - 9;
} else {
var startPage = this.page - this.page % 10 + 1;
}
if strHtml '...';
for {
if break;
if {
strHtml '[' + i + ']';
} else {
strHtml '[' + i + ']';
}
}
if strHtml '...';
if {
strHtml '›';
strHtml '»';
} else {
strHtml '›';
strHtml '»';
}
strHtml '
';
break;
case 2 : //模式2
strHtml 'Pages: ' + this.page + ' / ' + this.pageCount + '';
strHtml '';
if {
strHtml '«';
strHtml '‹';
} else {
strHtml '«';
strHtml '‹';
}
if strHtml '[1]';
if strHtml '...';
if {
var endPage = this.page + 2;
} else {
var endPage = this.pageCount;
}
for {
if {
if {
strHtml '[' + i + ']';
} else {
if {
strHtml '[' + i + ']';
}
}
}
}
if strHtml '...';
if strHtml '[' + this.pageCount + ']';
if {
strHtml '›';
strHtml '»';
} else {
strHtml '›';
strHtml '»';
}
strHtml '
';
break;
case 3 : //模式3
strHtml 'Pages: ' + this.page + ' / ' + this.pageCount + '';
strHtml '';
if {
strHtml '9';
strHtml '7';
} else {
strHtml '9';
strHtml '7';
}
if {
strHtml '8';
strHtml ':';
} else {
strHtml '8';
strHtml ':';
}
strHtml '
';
break;
case 4 : //模式4
if {
strHtml '';
for {
if chkSelect=' selected="selected"';
else chkSelect='';
strHtml '';
}
}
strHtml '';
break;
case 5 : //模式5
strHtml '';
if {
strHtml '';
strHtml '';
} else {
strHtml '';
strHtml '';
strHtml '';
strHtml '';
}
strHtml '';
break;
default :
strHtml = 'Javascript showPage Error: not find mode ' + mode;
break;
}
return strHtml;
}
showPages.prototype.createUrl = function { //生成頁面跳轉url
if )) page = 1;
if page = 1;
if page = this.pageCount;
var url = location.protocol + '//' + location.host + location.pathname;
var args = location.search;
var reg = new RegExp' + this.argName + '=[^&]*[&$]?', 'gi');
args = args.replace;
if {
args '?' + this.argName + '=' + page;
} else if == '?' || args.substr == '&') {
args this.argName + '=' + page;
} else {
args '&' + this.argName + '=' + page;
}
return url + args;
}
showPages.prototype.toPage = function{ //頁面跳轉
var turnTo = 1;
if == 'object') {
turnTo = page.options[page.selectedIndex].value;
} else {
turnTo = page;
}
self.location.href = this.createUrl;
}
showPages.prototype.printHtml = function{ //顯示html代碼
this.getPage;
this.checkPages;
this.showTimes 1;
document.write;
document.getElementById.innerHTML = this.createHtml;

}
showPages.prototype.formatInputPage = function{ //限定輸入頁數格式
var ie = navigator.appName=="Microsoft Internet Explorer"?true:false;
if var key = e.which;
else var key = event.keyCode;
if ) return true;
return false;
}
//-->

以上是定義，下面才是真正的調用。

截個圖來看看效果吧

當然這是原始的，沒定義過頁面字體的版本，在實際使用時，可以根據自己網站的主題通過CSS定義頁面的字體，邊距屬性，使它看起來更美觀，更適合你的網站。

m7cosmetics

2011年7月28日星期四

7種增加網站用戶體驗的JS腳本分頁代碼

7種增加網站用戶體驗的JS腳本分頁代碼

没有评论:

发表评论