-4
4

2 に答える 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 に答える