选择菜单选项卡颜色hilited

时间:2013-07-08 11:04:09

标签: asp.net-mvc-4

我想知道如何更改所选标签的背景颜色(不是标签的内容,标签标题本身,当我将鼠标悬停在标签上时它变为灰色但是一旦我点击它就会恢复正常选项卡,我希望它保持灰色)。我还想知道如何在选择后更改选项卡标题的字体和字体颜色。

如果您需要任何其他信息,请告诉我,我不确定如果不截取屏幕截图我可以获得更具体的信息,但如果需要,我会知道。

1 个答案:

答案 0 :(得分:0)

您可以为所选标签页设置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/
P.S。:此问题应标记为jQuerycss