javascript菜单悬停处于活动状态

javascruipt menu hover active

本文关键字：活动状态 悬停 菜单 javascript      更新时间：2023-09-26

am有一个包含五个元素的菜单，所有元素都在同一类的div下。onclick of a selected menu（div）我想让selected的字体变为粗体。为此，我使用了.classname a:active｛font-weight:Bold｝。

这将使菜单项在活动时变为粗体，但仅在单击时，但当鼠标单击事件结束时，它将恢复正常。

但我需要将菜单项设置为粗体，直到用户单击另一个菜单项。

怎么可能。菜单结构。

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

单击时，首先必须将所有菜单元素的字体大小设置为正常，然后仅为单击的菜单元素设置粗体，类似于以下内容：

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

也许使用addClass而不是css会更好，它会给你更多的灵活性。

相关文章：