Question

您好我是wordpress的新手，我想创建一个简单的下拉菜单。我知道wordpress已经有了创建子菜单的选项，但它在点击时切换而不是悬停。这就是我想要的东西..如果你将鼠标悬停在主导航中的一个项目上，它将下拉一个子菜单。如果你点击主导航中的一个项目，那么它将带你，如果你点击子菜单项，那么它也会带你到那里。所以基本上我希望它在悬停而不是点击时切换。我知道我可以用css做到这一点，但遇到麻烦。有什么建议吗？

Answer 1

喜欢这个吗？

ul li ul {
  display: none;
}

ul li:hover ul {
  padding: 15px auto 0;
  display: inline-block;
  position: absolute;
  top: 18px;
  left: 0;
}

<div class="nav">
  <ul>
    <li><a href="#">Item One</a>
      <ul>
        <li><a href="#">Subitem One</a></li>
        <li><a href="#">Subitem Two</a></li>
        <li><a href="#">Subitem Three</a></li>
      </ul></li>
    <li><a href="#">Item Two</a></li>
    <li><a href="#">Item Three</a></li>
  </ul>
</div>

Fiddle

Wordpress Hover下拉菜单

1 个答案: