Specific implementation of Javascript table page turning effect_javascript skills

There are many ways to implement table page turning. The following uses js as an example to introduce in detail the specific implementation of the table page turning effect.

Copy code The code is as follows: Table page turning---www.jb51.net body, td{ font-size: 9pt; } a:link { color: #FF0000; } a:visited { color: #FF0000; } a:hover { color: #006600; } var record = 4;//How many records to display per page var count = 24;//Total number of records var pageTotal = ((count record-1)/record)|0;//Total number of pages var pagenum = 1;//Page number to be displayed

Cookie = { Set : function (){ var name = arguments[0], value = escape(arguments[1]), days = 365, path = "/"; if (arguments.length > 2) days = arguments[2]; if(arguments.length > 3) path = arguments[3]; with(new Date()){ setDate( getDate() days); days=toUTCString(); } document.cookie = "{0}={1};expires={2};path={3}".format( name, value, days, path); }, Get : function (){ var returnValue=document.cookie.match(new RegExp("[b^;]?" arguments[0] "=([^;]*)(?=;|b|$)","i")); return returnValue?unescape(returnValue[1]):returnValue; } } String.prototype.format = function(){ var tmpStr = this; var iLen = arguments.length; for(var i=0;i tmpStr = tmpStr.replace(new RegExp("\{" i "\}", "g"), arguments[i]); } return tmpStr; } function setPagenum (){//Organize Cookies pagenum = Cookie.Get("pagenum"); if(pagenum=="" || pagenum pagenum=1; } }

setPagenum();

//Rearrange the current page number. If the page is less than 1, the value is 1. If it is greater than the total number of pages, it is equal to the total number of pages coordinatePagenum(pagenum);

//Get the number of the first record in the current page according to the current page number to be displayed var pageBegin = (record*(pagenum-1) 1)|0;

//Get the number of the last record in the current page according to the current page number to be displayed var pageEnd = record*pagenum;

//Gets the last record in the current page based on the page number currently to be displayed The number of rows[i].style.display=""; }else{ mytable.rows[i].style.display="none"; } } Cookie.Set ("pagenum", pagenum); }

function firstPage(){ pagenum=1; showhiddenRecord(pagenum); }

function lastPage (){ showhiddenRecord(pageTotal); }

//Rearrange the current page number. If the page is less than 1, the value is assigned to 1. If it is greater than the total number of pages, it is equal to the total number of pages function coordinatePagenum(num){ if(num num="1"; }else if(num>pageTotal){ num=pageTotal; } }

function prePage(){ pagenum--; coordinatePagenum(pagenum); showhiddenRecord(pagenum); }

function nextPage (){ pagenum; coordinatePagenum(pagenum); showhiddenRecord(pagenum); }

function gotoPage(num){ coordinatePagenum(pagenum); showhiddenRecord(num); } //-->

共 6 页 当前第 1 页 第一页 上一页 下一页 最后一页 转到第 1 2 3 4 5 6 页

标题 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

Specific implementation of Javascript table page turning effect_javascript skills

Related articles