Home >Backend Development >PHP Tutorial >Discuss the specific application of PHP paging navigation function_PHP tutorial
What we introduce to you today is the code example of
PHP paging navigation function:
CSS style of PHP paging navigation function:
<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>
The above is the specific implementation code of PHP paging navigation function.