2层水平导航栏

Question

想知道是否有任何链接指向css（不是javascript）导航栏的教程。我正在使用2层横条。底层也是水平的。

如下图所示

任何指针都会有很大的帮助！

Answer 1

我认为你只是指两层，它们一直都是可见的，而不是第二层在悬停时可见，对吗？

如果是这样，这是一个基本的小提琴示例：http://jsfiddle.net/jblasco/XAE9c/

无论如何，我们的想法是使用两个ul列表，并相应地将导航的li元素放入其中。然后，您可以根据需要设置列表项的样式，并添加指向其内容的链接等。

如果你有一个动态页面，你可以对if ($PageURL == "blah.php") {进行简单的服务器端检查，并在当前选项卡上吐出class="active"，然后根据需要设置样式。

我建议在你喜欢的某些导航栏上使用inspect元素，并从那里开始。

Answer 2

cssplay.co.uk有很多下线菜单。只需查看“Multi-Level - Dropline”。但要注意版权。

Answer 3

没有Javascript for IE的解决方案悬停黑客http://webstuffshare.com/demo/New-CSSTabMenu 但它可能不会以你想要的方式表现，你是否在悬停后显示？ http://www.webstuffshare.com/2010/01/updated-pure-css-tab-menu/

Answer 4

指南：Suckerfish Dropdown。

http://www.alistapart.com/articles/dropdowns

您只需将样式修改为完全水平。