<div class="codetitle"> <span><a style="CURSOR: pointer" data="58201" class="copybut" id="copybut58201" onclick="doCopy('code58201')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code58201"> <br><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <br><br><TITLE>表のページめくり</TITLE> <br><style> <br>font-size: <br>} <br>a:link { <br>color: #FF0000; 🎜>} <br>a:visited { <br>color: #FF0000; <br>} <br>a:hover { <br>color: #006600; <br></style> 🎜><SCRIPT LANGUAGE="JavaScript"> <br><!-- <BR>var Record = 4;//各ページに表示されるレコード数<BR>var count = 24;//合計数of records<BR>var pageTotal = ((count Record-1)/record)|0;//総ページ数<BR>var pagenum = 1;//表示するページ番号<BR><BR>Cookie = { <BR>Set : function (){ <BR>変数名 = 引数[0]、値 = エスケープ(引数[1])、日数 = 365、パス = "/"; > 2) 日数 = 引数[2]; <BR>if(arguments.length > 3) パス = 引数[3]; <br>with(new Date()){ <br>setDate(getDate() 日) ); <BR>days =toUTCString(); <BR>} <BR>document.cookie = "{0}={1};expires={2};path={3}".format(名前, 値,日、パス); <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>文字列.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>} <BR>return tmpStr; <BR>function setPagenum(){/ /Cookie の整理 <BR> pagenum = Cookie.Get("pagenum"); <BR>if(pagenum=="" || pagenum<1){ <BR>pagenum=1; <BR>} <BR><BR>setPagenum (); <BR><BR>// 現在のページ番号を並べ替えます。ページが 1 より小さい場合、値は 1 です。ページ数が合計より大きい場合は、同じになります。 <BR>cooperativePagenum(pagenum); <BR><BR>//表示される現在のページ番号に従って、現在のページの最初のレコードの番号を取得します。 <BR>var pageBegin = (record*(pagenum-1) 1)|0; <br><br>//表示される現在のページ番号に従って、現在のページの最後のレコードの番号を取得します。<br>var pageEnd = Record*pagenum ; <br><BR>function showhiddenRecord(pagenum){ <br>number.innerHTML=pagenum; <br>if(pagenum<= 1){ <BR>theFirstPage.innerHTML="最初のページ"; innerHTML="前のページ"; <br>}else{ <br>theFirstPage.innerHTML="<a href="javascript :firstPage()">最初のページ</a>"; "<a href="javascript:prePage()">前のページ</a>"; <br>} <br>if(pagenum>=pageTotal){ <br>theNextPage.innerHTML="次のページ"; <br>theLastPage.innerHTML="最後のページ"; <br>}else{ <br>theNextPage .innerHTML="<a href="javascript:nextPage()">次のページ</a>"; >theLastPage.innerHTML="<a href="javascript:lastPage()"> 最後のページ</a>"; <br>document.getElementById('goto').value=pagenum; >//表示するページ番号に基づいて現在の最初のレコードを取得します。 Number<br>pageBegin = (record*(pagenum-1) 1)|0<br><br>//最後のレコードの番号を取得します。表示される現在のページ番号に応じて現在のページ内で <br>pageEnd = record*pagenum ; <br>for(var i=1;iif(i>=pageBegin &&) i<=pageEnd){ <BR>mytable.rows[i].style.display=" "; <BR>}else{ <BR>mytable.rows[i].style.display="none"; <BR>} <BR>Cookie.Set("pagenum", pagenum); <BR>} <BR><BR>function firstPage(){ <br>pagenum=1;showhiddenRecord(pagenum); 🎜>} <br><BR>function lastPage(){ <BR>showhiddenRecord(pageTotal) ; <BR>} <BR><BR>//現在のページ番号が 1 より小さい場合は、値を並べ替えます。は 1 です。総ページ数より大きい場合は、総ページ数と等しくなります。<BR>if(num<1){ <BR>num="1 "; <BR>}else if(num>pageTotal){ <BR>num=pageTotal; <BR>} <br>} <br><BR> function prePage(){ <BR>pagenum--; <BR>座標ページ番号(ページ番号); <br><br>関数 nextPage(){ <BR>ページ番号(ページ番号); 🎜>} <BR><br>関数 gotoPage(num){ <br>coownedPagenum(pagenum); <BR>showhiddenRecord(num);<BR>//--> <BR></SCRIPT> <br> <br><br><BODY onLoad="showhiddenRecord(pagenum)"> <br> <br>共 6 页現在の前第 <span id="number">1</span> 页 <br><span id="theFirstPage"><a href="javascript:firstPage()">第一页</a></span> <br><span id="thePrePage"><a href="javascript:prePage()">上一页</a></span> <br><span id="theNextPage"><a href="javascript:nextPage()">下一页</a></span> <br><span id="theLastPage"><a href="javascript:lastPage()">最後の一页</a></span> <br>转到第<select onChange="gotoPage(this.value)" name="goto"> <br>1オプション> <br><option value=2>2</option> <br><option value=3>3</option> <br><option value=4>4</option> <br><option value="5">5</option> <br><option value=6>6</option> <br></select>页 <br></center> <br><br><TABLE id="mytable" cellpadding=4 cellpacing=1 border=0 bgcolor=#999999 width=500 align=center> <br><tr bgcolor="#ffffff"><td>标题</td></tr> <br><tr bgcolor="#ffffff"><td>1</td></tr> <br><tr bgcolor="#ffffff"><td>2</td></tr> <br><tr bgcolor="#ffffff"><td>3</td></tr> <br><tr bgcolor="#ffffff"><td>4</td></tr> <br><tr bgcolor="#ffffff"><td>5</td></tr> <br><tr bgcolor="#ffffff"><td>6</td></tr> <br><tr bgcolor="#ffffff"><td>7</td></tr> <br><tr bgcolor="#ffffff"><td>8</td></tr> <br><tr bgcolor="#ffffff"><td>9</td></tr> <br><tr bgcolor="#ffffff"><td>10</td></tr> <br><tr bgcolor="#ffffff"><td>11</td></tr> <br><tr bgcolor="#ffffff"><td>12</td></tr> <br><tr bgcolor="#ffffff"><td>13</td></tr> <br><tr bgcolor="#ffffff"><td>14</td></tr> <br><tr bgcolor="#ffffff"><td>15</td></tr> <br><tr bgcolor="#ffffff"><td>16</td></tr> <br><tr bgcolor="#ffffff"><td>17</td></tr> <br><tr bgcolor="#ffffff"><td>18</td></tr> <br><tr bgcolor="#ffffff"><td>19</td></tr> <br><tr bgcolor="#ffffff"><td>20</td></tr> <br><tr bgcolor="#ffffff"><td>21</td></tr> <br><tr bgcolor="#ffffff"><td>22</td></tr> <br><tr bgcolor="#ffffff"><td>23</td></tr> <br><tr bgcolor="#ffffff"><td>24</td></tr> <br> <br> </div>