javascript 菜单悬停活动答案

【问题标题】：javascruipt menu hover activejavascript 菜单悬停活动
【发布时间】：2012-03-23 19:31:59
【问题描述】：

我有一个包含五个元素的菜单，它们都在 div 下，具有相同的类。 onclick 选定的菜单（ div ）我想将选定的字体粗细设置为粗体。为此，我使用了 .classname a:active{font-weight:Bold}。

这将使菜单项在活动时变为粗体，但仅在单击时，但在鼠标单击事件结束时会再次正常。

但我需要使菜单项加粗，直到用户单击另一个菜单项。

怎么可能。菜单结构。

<div class="coolmenu">
 <a>menu1</a>
</div> <div class="coolmenu">
 <a>menu2</a>
</div>

【问题讨论】：

【解决方案1】：

首先单击时，您必须将所有菜单元素的字体粗细设置为正常，然后仅为单击的元素设置粗体，如下所示：

$('.coolmenu a').click( function(){
 $('.coolmenu a').css('font-weight','normal');
 $(this).css('font-weight','bold');
});

如果您使用addClass 而不是css 可能会更好，它会给您更多的灵活性。

【讨论】：