0

クリックされたリンクを「ハイライト」（別の色に変えたり、太字にしたり、何でも）するにはどうすればよいですか？

例は次のとおりです。http ： //www.celebrything.com/右側のサイドバーにある[今日]、[週]、[月]のリンクを取得して、クリックすると別の色に変えようとしています。

右側のサイドバーに結果を表示するために使用しているコードは次のとおりです。

<div id="sidebar">

<div class="post">
<h2>

<font color="#333333">Top 50 Celebrities</font>
<br>
<br>
<font color="#333333"><a href="index.php?table=today">Today</a></font>
<font color="#333333"><a href="index.php?table=week">Week</a></font>
<font color="#333333"><a href="index.php?table=month">Month</a></font>
</font>
<br>
<br>

<?php

function showTable ($table){

if (!in_array($table, array('today', 'week', 'month'))) {
  return false;
}

global $wpdb;
$result = $wpdb->get_results('SELECT name, count FROM wp_celebcount_' . $table);
foreach($result as $row) {
echo '<a href="http://www.celebrything.com/?s=' .
    urlencode($row->name) . '&search=Search">' . $row->name .
    '</a> - ' . $row->count . ' Posts<br/>';
}
}


if (!empty($_GET['table'])) {
showTable($_GET['table']);

} else { showTable('today'); }

?>




</h2>
</div>

</div>

<div class="clear"></div>
4

2 に答える 2

5

CSSはこれを行うことができます。

リンクにアクセスしたことがある場合：

<style type="text/css">
a:visited { color: red; }
</style>

リンクにフォーカスがある場合：

a:focus { color: red; }

注： IE7以下はをサポートしていません:focus。CSSの内容とブラウザの互換性およびを参照してください:focus。

于 2009-12-12T01:16:13.177 に答える
1

ここで現在のページをアクティブにする方法を尋ねる場合、それを行う方法は次のとおりです。

<font color="#333333"><a class="<?php echo currentPage('today') ?>" href="index.php?table=today">Today</a></font>
<font color="#333333"><a class="<?php echo currentPage('week') ?>" href="index.php?table=week">Week</a></font>
<font color="#333333"><a class="<?php echo currentPage('month') ?>"href="index.php?table=month">Month</a></font>


function currentPage($isTableSet)
{
    if($_GET['table'] == $isTableSet)
        return 'selected'
    else
        return '';
}

そして、cssに.selectedクラスを追加し、それを好きなようにスタイル設定する必要があります。

<style type="text/css">
    .selected  {
        font-weight: bold;
    }
</style>
于 2009-12-12T01:21:16.003 に答える