-1

我有一个用 CSS 制作的下拉菜单。当您将鼠标悬停在文本 (ul) 上时，会出现菜单（出现 li）。我想知道，如何制作子菜单，当您将鼠标悬停在 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

这就是我想做的。

谢谢大家！！

4

3 回答 3

1

你需要这个教程：suckerfish dropdowns 的儿子

于 2009-07-21T21:37:21.320 回答
0

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

于 2009-07-21T21:36:40.120 回答
0

如果您使用的是纯 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;
}

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

于 2009-07-22T01:18:40.473 回答