2012-04-24 8 views
0

現在、私は小規模なプロジェクトで取り組んでおり、デザインの一面はページの最上部に表示され、サイトネットワークに属するさまざまなサイトへのリンクを格納する「ネットワークバー」です。サイトネットワークバー - 現在のサイト統計情報、CSSを表示しますか?

ただし、私が組み込みたい機能の1つは、何らかの形でアクティブなサイトを表示する機能です。 ネットワークバーを示しています:SiteAのSiteBのSITEC土地を選定SiteE あなたが現在いる:SITECサイト全体 結果:SITECで、ネットワークバーにSITECは、ステータスの変更を表示するために、異なるスタイル設定されている間例えば

。 SiteA、B、D、Eはすべてスタイリングされてアクティブサイトではないことを示しています。

これはCSSで完全に可能ですか、jQueryや別のJavaScriptスニペットが必要なのでしょうか?

すべてのヘルプは大歓迎です。私はこれをさらにどのように検索して正直であるかを知りません...いつかかかります。

Adios!

答えて

1

これはかなり簡単です。ただ、関連するCSS宣言を持つアクティブリンクにクラスを追加します。

<a href="..." class="active">My site</a> 
    <a href="...">Other site</a> 

CSS:

a.active { 
    font-weight:bold; 
} 

か:

... IDを使用します。

<a href="..." id="active">My site</a> 
<a href="...">Other site</a> 



a#active { 
    font-weight:bold; 
} 
+0

あなたをIDがアクティブになるのは、IDが1つしかないからです。 – Maxpm

+0

良い提案。 +1 –

+0

優秀!これはサイト全体で取り上げられるだろうか?私はルートドメインなどを宣言する必要はありませんか? – thatguycraig

関連する問題