質問する
65 次
2 に答える
2
<a href="
のようなものに置き換え<a class="current" href="
ます。
したがって、一度に 1 つのページに加えて、通常のページ リンク、および前と次のボタンが表示されると仮定すると、この CSS が事実上必要になります。current
<div class="pagination">
<a href="#" class="prev">Previous</a>
<a href="#">1</a>
<a href="#" class="current">2</a>
<a href="#">3</a>
<a href="#" class="next">Next</a>
</div>
div
クラスで a をラップして、pagination
より適切にスタイルを設定できるようにします。スタイルについては、次のような CSS を使用できます。
.pagination {margin: 5px;} /* Give some margin */
.pagination a {color: #09f; text-decoration: none;} /* Give color, remove underline */
.pagination a:hover {font-weight: bold;} /* Effect when mouse over */
.pagination a.prev, .pagination a.next {color: #06f;} /* Let previous and next be in different color*/
.pagination a.current {color: #000; font-weight: bold;} /* Black and bold! */
スクリーンショット:
これは次のようになります。
フィドル: http://jsfiddle.net/3Z9Jk/
コードを変更するには:
for ($i = 1; $i <= $pages; $i++) {
if ($i != $current_page) {
echo '<a href="searching.php?s=' . (($display * ($i - 1))) . '&p=' . $pages . '">' . $i . '</a> ';
} else {
echo '<a class="current" href="#">' . $i . '</a> '; // Link to # so that it is not clickable.
}
}
これらを変更してください:
1.
if ($current_page != 1) {
echo '<a class="prev" href="searching.php?s=' . ($start - $display) . '&p=' . $pages . '"><</a>';
}
2.
if ($current_page != $pages) {
echo '<a class="next" href="searching.php?s=' . ($start + $display) . '&p=' . $pages . '">></a>';
}
于 2012-11-01T04:17:30.113 に答える
0
class="whatever"
タグを生成する適切なecho
ステートメントに追加するだけです<a>
。
于 2012-11-01T04:17:46.753 に答える