活动项 li 在悬停的菜单上

active item li on menu where hover

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

<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...上设置类活动，在哪里悬停，并删除类活动有一个去

谢谢！

除非你需要它对某种查询处于活动状态（不过，我个人不知道你为什么会这样做），否则请尝试 CSS。

li:hover {
     //  Active class CSS here
}

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

：hover 伪选择器将使其将 CSS 应用于您悬停的元素。

相关文章：