悬停的菜单上的活动项目 li

Question

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

<div id="topbar">
  <ul>
    <li class="active">
      <a href="">About Us</a>
    </li>
    <li>
      <a href="">Services</a>
    </li>
    <li>
      <a href="">Gallery</a>
    </li>
    <li>
      <a href="" class="nav-quote-button">Get Quote</a>
    </li>
  </ul>
</div>

如何在 li 2,3,4... 上设置 class Active 悬停，并删除 class active 有一个 go

谢谢！

Answer 1

除非您需要它激活以进行某种查询（不过我个人不知道您为什么会这样做），请尝试使用 CSS。

li:hover {
     //  Active class CSS here
}

您可以在 li 中添加更多选择器，以防止自己选择页面上的其他列表，并且不需要任何 JavaScript、JQuery 或花哨的编码。

:hover 伪选择器会将 CSS 应用到您悬停的元素上。