Javascript テーブルページめくり効果の実装アイデアと code_javascript スキル

コードをコピー コードは次のとおりです: 表のページめくり font-size: } a:link { color: #FF0000; 🎜>} a:visited { color: #FF0000; } a:hover { color: #006600; 🎜> var Record = 4;//各ページに表示されるレコード数 var count = 24;//合計数of records var pageTotal = ((count Record-1)/record)|0;//総ページ数 var pagenum = 1;//表示するページ番号 Cookie = { Set : function (){ 変数名 = 引数[0]、値 = エスケープ(引数[1])、日数 = 365、パス = "/"; > 2) 日数 = 引数[2]; if(arguments.length > 3) パス = 引数[3]; with(new Date()){ setDate(getDate() 日) ); days =toUTCString(); } document.cookie = "{0}={1};expires={2};path={3}".format(名前, 値,日、パス); }, Get : function (){ var returnValue=document.cookie.match(new RegExp("[b^;]?" argument[0] "=([ ^;]*)( ?=;|b|$)","i")); return returnValue?unescape(returnValue[1]):returnValue; } } 文字列.prototype.format = function (){ var tmpStr = this; var iLen = argument.length; for(var i=0;i tmpStr = tmpStr .replace(new RegExp( "\{" i "\}", "g"), argument[i]); } return tmpStr; function setPagenum(){/ /Cookie の整理 pagenum = Cookie.Get("pagenum"); if(pagenum=="" || pagenum pagenum=1; } setPagenum (); // 現在のページ番号を並べ替えます。ページが 1 より小さい場合、値は 1 です。ページ数が合計より大きい場合は、同じになります。 cooperativePagenum(pagenum); //表示される現在のページ番号に従って、現在のページの最初のレコードの番号を取得します。 var pageBegin = (record*(pagenum-1) 1)|0; //表示される現在のページ番号に従って、現在のページの最後のレコードの番号を取得します。 var pageEnd = Record*pagenum ; function showhiddenRecord(pagenum){ number.innerHTML=pagenum; if(pagenum theFirstPage.innerHTML="最初のページ"; innerHTML="前のページ"; }else{ theFirstPage.innerHTML=" 最初のページ "; " 前のページ "; } if(pagenum>=pageTotal){ theNextPage.innerHTML="次のページ"; theLastPage.innerHTML="最後のページ"; }else{ theNextPage .innerHTML=" 次のページ "; >theLastPage.innerHTML=" 最後のページ "; document.getElementById('goto').value=pagenum; >//表示するページ番号に基づいて現在の最初のレコードを取得します。 Number pageBegin = (record*(pagenum-1) 1)|0 //最後のレコードの番号を取得します。表示される現在のページ番号に応じて現在のページ内で pageEnd = record*pagenum ; for(var i=1;iif(i>=pageBegin &&) i mytable.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) ; } //現在のページ番号が 1 より小さい場合は、値を並べ替えます。は 1 です。総ページ数より大きい場合は、総ページ数と等しくなります。 if(num num="1 "; }else if(num>pageTotal){ num=pageTotal; } } function prePage(){ pagenum--; 座標ページ番号(ページ番号); 関数 nextPage(){ ページ番号(ページ番号); 🎜>} 関数 gotoPage(num){ coownedPagenum(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

Javascript テーブル ページめくり効果の実装アイデアと code_javascript スキル

関連記事

Javascript テーブルページめくり効果の実装アイデアと code_javascript スキル