テーブルのページめくりを実装するにはさまざまな方法があります。以下では、js を例として、テーブルのページめくり効果の具体的な実装を詳しく紹介します。 コードをコピー コードは次のとおりです: 表ページめくり ---www.jb51.net <br>font-size: <br>} <br>a:link { <br>色: #FF0000; <br>} <br>a:visited { <br>色: #FF0000; <br>} <br>a:hover { <br>色: <br>} <br> <br><!-- <BR>var Record = 4;//1 ページに表示するレコード数<BR>var count = 24;//総レコード数<BR>var pageTotal = ((count Record-1)/record)|0;//総ページ数<BR>var pagenum = 1;//表示するページ番号<BR><BR> <br>Cookie = { <br>Set : function (){ <BR>変数名 = 引数[0]、値 = エスケープ(引数[1])、日数 = 365、パス = "/" ; <BR>if (arguments.length > 2) days = argument[2]; <BR>if(arguments.length > 3) path = <BR>with(new Date()); <BR>setDate( getDate() days); <BR>days=toUTCString(); <BR>} <BR>document.cookie = "{0}={1};expires={2};path={3] }".format( name, value, days, path); <BR>}, <BR>Get : function (){ <BR>var returnValue=document.cookie.match(new RegExp("[b^;]? " argument[0] "=([^;]*)(?=;|b|$)","i")); <BR>return returnValue?unescape(returnValue[1]):returnValue; <BR> <BR>} <BR>String.prototype.format = function(){ <BR>var tmpStr = this; <BR>var iLen = argument.length; <BR>for(var i=0;i<iLen; i ){ <BR>tmpStr = tmpStr.replace(new RegExp("\{" i "\}", "g"), argument[i]); <BR>return tmpStr; <BR>function setPagenum (){//Cookie の整理 <BR>pagenum = Cookie.Get("pagenum"); <BR>if(pagenum=="" || pagenum<1){ <BR>pagenum=1; <BR>} <BR>} <BR><BR>setPagenum(); <BR><BR>// 現在のページ番号が 1 より小さい場合、値は 1 になります。合計ページ数、合計ページ数に等しい <br> coordinePagenum(pagenum); <br><br>//現在のページ番号に従って、現在のページの最初のレコードの番号を取得します。 selected<br>var pageBegin = (record*(pagenum-1) 1)|0 <BR><br>//表示する現在のページ番号に基づいて、現在のページの最後のレコードの番号を取得します<🎜; >var pageEnd = Record*pagenum; <br><BR>function showhiddenRecord(pagenum){ <br>number.innerHTML= pagenum; <br>if(pagenum<=1){ <BR>theFirstPage.innerHTML="最初のページ"; <br>thePrePage.innerHTML="前のページ"; <br>}else{ <BR>theFirstPage.innerHTML="<a href="javascript:firstPage()">最初のページ</a>"; <br>thePrePage.innerHTML="<a href="javascript:prePage()"> ページ</a>"; <BR>} <BR>if(pagenum>=pageTotal){ <br>theNextPage.innerHTML ="次のページ"; <br>theLastPage.innerHTML="最後のページ"; <br>theNextPage.innerHTML="<a href="javascript:nextPage()">次のページ</a> ;"; <BR>theLastPage.innerHTML="<a href ="javascript:lastPage()">最後のページ</a>"; <br>} <br>document.getElementById('goto').value =pagenum; <br>//表示される現在のコンテンツに従って、ページ番号は現在のページの最初のレコードの番号を取得します <br>pageBegin = (record*(pagenum-1) <br>; <br>//現在表示されているページ番号に基づいて現在のページの最後のレコードを取得します。行数[i].style.display=""; <br>}else{ <br>mytable.rows[ i].style.display="none"; <br>} <br>} <br>Cookie.Set ("pagenum", pagenum) <br><br>function firstPage(){ <br>pagenum=1; <br>showhiddenRecord(pagenum); <br><br>function lastPage (){ <br>showhiddenRecord(pageTotal) <br><br>//現在のページ番号。ページが 1 より小さい場合、値は 1 に割り当てられます。ページの総数より大きい場合は、ページの総数に等しくなります。 >if(numnum="1"; <br>}else if(num>pageTotal){ <br>num=pageTotal; <br><br> function prePage(){ <br>pagenum--; <br>showhiddenRecord(pagenum); <br><br>function nextPage (){ <br>pagenum; <br>showhiddenRecord(pagenum); <br><br>関数 gotoPage(num){ <br>showhiddenRecord(num);<br>//--> <br> 共 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
