ホームページ >バックエンド開発 >PHPチュートリアル >PHP ページング ナビゲーション機能の具体的なアプリケーションについて説明します_PHP チュートリアル
今日紹介するのは、
PHP ページング ナビゲーション関数のコード例です:
PHPページングナビゲーション関数のCSSスタイル:
<ol class="dp-xml"> <li class="alt"><span><span>/*page*/ </span></span></li> <li><span>.pagenum { </span></li> <li class="alt"><span>clear: both; width: '100%';</span></li> <li class="alt"><span>padding-right: 5px; </span></li> <li class="alt"><span>padding-left: 0px; </span></li> <li class="alt"><span>font-weight: bold; </span></li> <li class="alt"><span>padding-bottom: 0px; </span></li> <li class="alt"><span>overflow: hidden; </span></li> <li class="alt"><span>color: #6396d6; </span></li> <li class="alt"><span>padding-top: 0px; </span></li> <li class="alt"><span>height: 25px; </span></li> <li><span>} </span></li> <li class="alt"><span>.pagenum .num { </span></li> <li><span>float: right; </span></li> <li class="alt"><span>} </span></li> <li><span>.pagenum .normal { </span></li> <li class="alt"><span>background: #f7fbff;color: #6396d6;</span></li> <li class="alt"><span> float: left; </span></li> <li class="alt"><span>padding-bottom: 2px; </span></li> <li class="alt"><span>margin: 0px 3px 0px 0px; </span></li> <li class="alt"><span>padding-top: 3px;</span></li> <li class="alt"><span>border-left: #6396d6 1px solid; </span></li> <li class="alt"><span>border-right: #6396d6 1px solid;</span></li> <li class="alt"><span>padding-right: 5px;</span></li> <li class="alt"><span> padding-left: 5px; </span></li> <li class="alt"><span>border-top: #6396d6 1px solid;</span></li> <li class="alt"><span>border-bottom: #6396d6 1px solid; </span></li> <li><span>} </span></li> <li class="alt"><span>.pagenum .dot { </span></li> <li><span>float: left;color: #6396d6; </span></li> <li class="alt"><span>} </span></li> <li><span>.pagenum a { </span></li> <li class="alt"><span>background: #298ac6; </span></li> <li class="alt"><span>color: #fff; </span></li> <li class="alt"><span>float: left;</span></li> <li class="alt"><span> padding-bottom: 2px; </span></li> <li class="alt"><span>margin: 0px 3px 0px 0px; </span></li> <li class="alt"><span>padding-top: 3px;</span></li> <li class="alt"><span>border-left: #6396d6 1px solid;</span></li> <li class="alt"><span> border-right: #6396d6 1px solid;</span></li> <li class="alt"><span>padding-right: 5px; </span></li> <li class="alt"><span>padding-left: 5px; </span></li> <li class="alt"><span>border-top: #6396d6 1px solid;</span></li> <li class="alt"><span>border-bottom: #6396d6 1px solid; </span></li> <li><span>} </span></li> <li class="alt"><span>.pagenum a:visited { </span></li> <li><span>color: #fff; </span></li> <li class="alt"><span>} </span></li> <li><span>.pagenum a:hover { </span></li> <li class="alt"><span>background: #f7fbff;color: #6396d6;</span></li> <li class="alt"><span>border-left: #6396d6 1px solid; </span></li> <li class="alt"><span>border-right: #6396d6 1px solid;</span></li> <li class="alt"><span>border-top: #6396d6 1px solid;</span></li> <li class="alt"><span>border-bottom: #6396d6 1px solid; </span></li> <li><span>} </span></li> </ol>
上記は、PHPページングナビゲーション関数の具体的な実装コードです。