0

我想出了一个新的方法来做我的清单，但是有几个问题......这是代码：http: //jsfiddle.net/mstngsal67/GuE99/5/ 我试图理解为什么左边的菜单项目，当点击时，只有当我将鼠标悬停在它上面时才会保持粗体......如果我移开，它会变回来。我在css中尝试了很多不同的东西，但没有任何效果......我需要在js中做这个吗？？？这是我的代码的一部分，但去 jsfiddle 有一切......

<ul class="mainMenus"> 
<li onclick='showSubMenu("sm_item1")'>education 
      <ul class="subMenus" id="sm_item1" style="top:0px"> 
             <li><a href="careers.html"class="text7">careers</a></li> 
             <li><a href="careers.html"class="text7">careers</a></li> 
             <li><a href="careers.html"class="text7">careers</a></li> 
             <li><a href="careers.html"class="text7">careers</a></li> 
      </ul>

提前致谢！

4

2 回答 2

0

您可以创建另一个 CSS 类，并在 li 元素处于活动状态时打开和关闭它（使用 jQuery）。

试试看这里：

单击链接jquery时更改活动li

于 2012-11-09T21:28:49.757 回答
0

由于此行，顶级列表项（例如 Education）在悬停时显示为粗体：

.mainMenus li:hover { 
    font-size: 14px;
    font-weight: bold;
    color: #5e883c;
    font-family: arial;
}

列表项是否被点击并不重要——只要你的鼠标悬停在元素上，它就会保持绿色和粗体。此外，由于您的子菜单位于顶级列表项中，因此当您将鼠标悬停在子菜单上时，您也将鼠标悬停在顶级列表项上。

如果您希望顶级列表项在单击后显示为粗体，则需要在 showSubMenu 函数的顶级列表项中添加一个类名。

于 2012-11-09T21:30:27.427 回答