Question

我有一个用css制作的下拉菜单。当您将鼠标悬停在文本（ul）上时，会出现菜单（出现li）。我想知道，如何制作一个子菜单，当你将鼠标悬停在另一个菜单（子菜单）上时会出现并提供其他选项。

例如：

-Tutorials (You hover over tutorials)
           (Then these options appear)         
        -Video tutorials
        -Other tutorials
        -Windows (and if you hover over windows you have 3 choices)
                  //How do I make that!
                  -Windows xp
                  -windows 7
                  -Windows Vista

这就是我想要的。

谢谢大家!!

Answer 1

您需要本教程：son of suckerfish dropdowns

Answer 2

CSSPlay是一个很棒的资源，有各种各样的菜单，你可以想象。此外，所有菜单都是完全跨浏览器的。看看，我确定Stu有一个符合你需求的： http://www.cssplay.co.uk/menus/

Answer 3

如果您使用的是纯CSS，那么您只需要添加一个新级别的样式。您尚未发布原始代码，但假设您目前有类似的内容：

ul.menu > li > ul {
  display: none;
}
ul.menu > li:hover > ul {
  display: block;
}

然后你只需要添加：

ul.menu > li > ul > li > ul {
  display: none;
}
ul.menu > li > ul > li:hover > ul {
  display: block;
}

您当然需要在第三级列表中添加一些定位代码，使其显示在活动菜单项的右侧。

如何在下拉菜单中制作子菜单？

3 个答案: