> 백엔드 개발 > PHP 튜토리얼 > PHP写内容分页源码剖析

PHP写内容分页源码剖析

WBOY
풀어 주다: 2016-05-19 12:15:58
원래의
819명이 탐색했습니다.

 

所谓内容分页,就是根据你自己设定的标签,将较长的内容按你设置的标签来进行分页,本文涉及的两个地方,一个是地址的获取,网上有很多这样的分页教程,但是地址都是固定的,如果页面中有评论分页以及文章ID调用过来,就会非常麻烦,文中采用了PHP100视频教程中分页原理 (http://www.php100.com/html/shipinjiaocheng/PHP100shipinjiaocheng/2009/0416/807.html) 思路,有不清楚的童鞋可以看下此教程,同时运用了一些内容处理函数以及数组方面知识,本人头次写这样的文章,表述不清楚的还请见谅

先看下效果图:

 

更多这样的分页效果,在php100论坛有很多这样的样式,在这儿分享图片中的CSS样式代码:

CSS:

<ol class="dp-css">
<li class="alt"><span><span>DIV.digg {PADDING-RIGHT: </span><span class="value">3px</span><span>; PADDING-LEFT: </span><span class="value">3px</span><span>; PADDING-BOTTOM: </span><span class="value">3px</span><span>; MARGIN: </span><span class="value">3px</span><span>; PADDING-TOP: </span><span class="value">3px</span><span>; TEXT-ALIGN: </span><span class="value">center</span><span>}  </span></span></li>
<li>
<span>DIV.digg A {BORDER-RIGHT: </span><span class="value">#aaaadd</span><span> </span><span class="value">1px</span><span> </span><span class="value">solid</span><span>; PADDING-RIGHT: </span><span class="value">5px</span><span>; BORDER-TOP: </span><span class="value">#aaaadd</span><span> </span><span class="value">1px</span><span> </span><span class="value">solid</span><span>; PADDING-LEFT: </span><span class="value">5px</span><span>; PADDING-BOTTOM: </span><span class="value">2px</span><span>; MARGIN: </span><span class="value">2px</span><span>; BORDER-LEFT: </span><span class="value">#aaaadd</span><span> </span><span class="value">1px</span><span> </span><span class="value">solid</span><span>; COLOR: </span><span class="value">#000099</span><span>; PADDING-TOP: </span><span class="value">2px</span><span>; BORDER-BOTTOM: </span><span class="value">#aaaadd</span><span> </span><span class="value">1px</span><span> </span><span class="value">solid</span><span>; TEXT-DECORATION: </span><span class="value">none</span><span>}  </span>
</li>
<li class="alt">
<span>DIV.digg A:hover {BORDER-RIGHT: </span><span class="value">#000099</span><span> 1px </span><span class="value">solid</span><span>; BORDER-TOP: </span><span class="value">#000099</span><span> 1px </span><span class="value">solid</span><span>; BORDER-LEFT: </span><span class="value">#000099</span><span> 1px </span><span class="value">solid</span><span>; COLOR: </span><span class="value">#000</span><span>; BORDER-BOTTOM: </span><span class="value">#000099</span><span> 1px </span><span class="value">solid</span><span>}  </span>
</li>
<li>
<span>DIV.digg A:active {BORDER-RIGHT: </span><span class="value">#000099</span><span> 1px </span><span class="value">solid</span><span>; BORDER-TOP: </span><span class="value">#000099</span><span> 1px </span><span class="value">solid</span><span>; BORDER-LEFT: </span><span class="value">#000099</span><span> 1px </span><span class="value">solid</span><span>; COLOR: </span><span class="value">#000</span><span>; BORDER-BOTTOM: </span><span class="value">#000099</span><span> 1px </span><span class="value">solid</span><span>}  </span>
</li>
<li class="alt">
<span>DIV.digg SPAN.current {BORDER-RIGHT: </span><span class="value">#000099</span><span> 1px </span><span class="value">solid</span><span>; PADDING-RIGHT: </span><span class="value">5px</span><span>; BORDER-TOP: </span><span class="value">#000099</span><span> 1px </span><span class="value">solid</span><span>; PADDING-LEFT: </span><span class="value">5px</span><span>; FONT-WEIGHT: </span><span class="value">bold</span><span>; PADDING-BOTTOM: </span><span class="value">2px</span><span>; MARGIN: </span><span class="value">2px</span><span>; BORDER-LEFT: </span><span class="value">#000099</span><span> 1px </span><span class="value">solid</span><span>; COLOR: </span><span class="value">#fff</span><span>; PADDING-TOP: </span><span class="value">2px</span><span>; BORDER-BOTTOM: </span><span class="value">#000099</span><span> 1px </span><span class="value">solid</span><span>; BACKGROUND-COLOR: </span><span class="value">#000099</span><span>}  </span>
</li>
<li>
<span>DIV.digg SPAN.disabled {BORDER-RIGHT: </span><span class="value">#eee</span><span> </span><span class="value">1px</span><span> </span><span class="value">solid</span><span>; PADDING-RIGHT: </span><span class="value">5px</span><span>; BORDER-TOP: </span><span class="value">#eee</span><span> </span><span class="value">1px</span><span> </span><span class="value">solid</span><span>; PADDING-LEFT: </span><span class="value">5px</span><span>; PADDING-BOTTOM: </span><span class="value">2px</span><span>; MARGIN: </span><span class="value">2px</span><span>; BORDER-LEFT: </span><span class="value">#eee</span><span> </span><span class="value">1px</span><span> </span><span class="value">solid</span><span>; COLOR: </span><span class="value">#ddd</span><span>; PADDING-TOP: </span><span class="value">2px</span><span>; BORDER-BOTTOM: </span><span class="value">#eee</span><span> </span><span class="value">1px</span><span> </span><span class="value">solid</span><span>} </span>
</li>
</ol>
로그인 후 복사
1 2  下一页
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿