0

現在、私は小さなプロジェクトをいじっています。デザインの 1 つの側面は、ページの最上部に表示される「ネットワーク バー」であり、サイト ネットワークに分類されるさまざまなサイトへのリンクを格納します。

ただ、何とか取り入れたい機能として、アクティブなサイトを表示する機能があります。

例: ネットワーク バーの表示: SiteA SiteB SiteC SiteD SiteE 現在のサイト: SiteC サイト全体の結果: SiteC にいる間、ネットワーク バーの SiteC は、ステータスの変化を示すために異なるスタイルになっています。一方、SiteA、B、D、および E は、アクティブなサイトではないことを示すためにすべて同じスタイルになっています。

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

どんな助けでも大歓迎です。正直に言うと、これをさらに検索する方法もわかりません...いつかかかるでしょう。

アディオス！

4

1 に答える 1

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;
}
于 2012-04-24T18:19:38.780 に答える