paginationforthecssandphp资源-CSDN文库

共2个文件

php：1个

xml：1个

pagination

需积分: 4 184 浏览量 2010-05-19 06:16:44 上传评论收藏 3KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

pagination.zip （2个子文件）

pagination

index.php 5KB

_notes

dwsync.xml 194B

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>PAGINATION</title> <style type="text/css"> body{font-family:Arial, Helvetica, sans-serif; font-size:12px;} h2{clear:both; border:0; margin:0; padding-top:30px; font-size:13px;} p{border:0; margin:0; padding:0; padding-bottom:20px;} </style> <style type="text/css"> /* -------------------------------------------- */ /* Pagination: Clean */ /* -------------------------------------------- */ ul{border:0; margin:0; padding:0;} #pagination-clean li{ border:0; margin:0; padding:0; font-size:11px; list-style:none; } #pagination-clean li, #pagination-clean a{ border-right:solid 1px #DEDEDE; margin-right:2px; } #pagination-clean .previous-off, #pagination-clean .next-off { color:#888888; display:block; float:left; font-weight:bold; padding:3px 4px; } #pagination-clean .next a, #pagination-clean previous a{ border:none; font-weight:bold; } #pagination-clean .active{ color:#000000; font-weight:bold; display:block; float:left; padding:4px 6px; } #pagination-clean a:link, #pagination-clean a:visited { color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:underline; } #pagination-clean a:hover{ text-decoration:none; } </style> <style type="text/css"> /* -------------------------------------------- */ /* Pagination: Digg Style */ /* -------------------------------------------- */ ul{border:0; margin:0; padding:0;} #pagination-digg li{ border:0; margin:0; padding:0; font-size:11px; list-style:none; } #pagination-digg a{ border:solid 1px #9aafe5; margin-right:2px; } #pagination-digg .previous-off, #pagination-digg .next-off { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; } #pagination-digg .next a, #pagination-digg .previous a { font-weight:bold; } #pagination-digg .active{ background:#2e6ab1; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; } #pagination-digg a:link, #pagination-digg a:visited { color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:none; } #pagination-digg a:hover{ border:solid 1px #0e509e; } </style> <style type="text/css"> /* -------------------------------------------- */ /* Pagination: Flickr */ /* -------------------------------------------- */ ul{border:0; margin:0; padding:0;} #pagination-flickr li{ border:0; margin:0; padding:0; font-size:11px; list-style:none; } #pagination-flickr a{ border:solid 1px #DDDDDD; margin-right:2px; } #pagination-flickr .previous-off, #pagination-flickr .next-off { color:#666666; display:block; float:left; font-weight:bold; padding:3px 4px; } #pagination-flickr .next a, #pagination-flickr .previous a { font-weight:bold; border:solid 1px #FFFFFF; } #pagination-flickr .active{ color:#ff0084; font-weight:bold; display:block; float:left; padding:4px 6px; } #pagination-flickr a:link, #pagination-flickr a:visited { color:#0063e3; display:block; float:left; padding:3px 6px; text-decoration:none; } #pagination-flickr a:hover{ border:solid 1px #666666; } </style> </head> <body> <h2>Pagination Clean Style</h2> <p>A simple and clean pagination style</p> <ul id="pagination-clean"> <li class="previous-off">« Previous</li> <li class="active">1</li> <li><a href="?page=2">2</a></li> <li><a href="?page=3">3</a></li> <li><a href="?page=4">4</a></li> <li><a href="?page=5">5</a></li> <li><a href="?page=6">6</a></li> <li><a href="?page=7">7</a></li> <li class="next"><a href="?page=8">Next »</a></li> </ul> <h2>Pagination Digg Style</h2> <p>A simple pagination style Digg-like</p> <ul id="pagination-digg"> <li class="previous-off">«Previous</li> <li class="active">1</li> <li><a href="?page=2">2</a></li> <li><a href="?page=3">3</a></li> <li><a href="?page=4">4</a></li> <li><a href="?page=5">5</a></li> <li><a href="?page=6">6</a></li> <li><a href="?page=7">7</a></li> <li class="next"><a href="?page=8">Next »</a></li> </ul> <h2>Pagination Flickr Style</h2> <p>A simple pagination style Flickr-like</p> <ul id="pagination-flickr"> <li class="previous-off">«Previous</li> <li class="active">1</li> <li><a href="?page=2">2</a></li> <li><a href="?page=3">3</a></li> <li><a href="?page=4">4</a></li> <li><a href="?page=5">5</a></li> <li><a href="?page=6">6</a></li> <li><a href="?page=7">7</a></li> <li class="next"><a href="?page=8">Next »</a></li> </ul> </body> </html>

评论收藏

内容反馈