asp.net-mvc-4 - 選択したメニュー タブの色をハイライト

Question

選択したタブの背景色を変更する方法を知りたいと思っていました (タブの内容ではなく、タブの見出し自体です。ホバーすると灰色に変わりますが、タブをクリックすると通常に戻ります。灰色のままにしたい）。また、選択したタブ見出しのフォントとフォントの色を変更する方法も考えていました。

他の情報が必要な場合はお知らせください。スクリーンショットを撮らずにどれだけ具体的に取得できるかはわかりませんが、必要に応じて取得します.

Answer 1

css選択したタブヘッダーのクラスを設定できます。たとえば、このような html がある場合、

<div class="menu">
  <ul>
    <li><a class="menuLink active" href="#">Home</a></li>
    <li> <a class="menuLink" href="#">Page1</a></li>
    <li><a class="menuLink" href="#">Page2</a></li>
    <li><a class="menuLink" href="#">Page3</a></li>
  </ul>
</div>

次に、jQueryを使用して、

$('.menuLink').click(function(){
  $('a').removeClass('active');
  $(this).addClass('active');
});​

デモ: http://jsfiddle.net/PYW35/ PS: この質問は,
のタグを付ける必要があります。jQuerycss