下拉链接

Question

在我网站的标题中，我有常规菜单，搜索栏，我想添加一个下拉列表，其中包含指向其他网站的链接。你能给我一些关于下拉列表的提示吗？我希望它能够响应，所以在更大尺寸的屏幕上看起来像是|链接到其他网站 - ＆gt; |在较小的屏幕中，它看起来像| - ＆GT; | 你可以给我一些提示吗？

非常感谢你！

Answer 1

下拉菜单的基本结构可以是这样的：

<ul id="menu">
   <li><a href="/">Home</a></li>
   <li>
      <a href="/company.htm">Company</a>
      <ul class="sub-menu">
          <li><a href="/history.htm">History</a></li>
      </ul>
   </li>
</ul>

您只需要使用css隐藏子菜单，并在悬停父<li>标记

时显示它

这样的事情：

.sub-menu{
   display: none;
}

#menu > li:hover > .sub-menu{
   display: block;
}

这真的是基础知识。其他造型规则都取决于您！玩得开心。

关于你想要的响应式菜单，你可能应该依赖于javascript，或者，如果你的网站只有一种语言，可以尝试使用伪元素：之后，给它一个内容，用mediaqueries改变它