2层水平导航条

想知道是否有人有任何链接到CSS导航栏的教程（而不是JavaScript）。我在2层单杠之后。底层也是水平的。2层水平导航条

就像下面的图片

enter image description here

任何指针将是一个很大的帮助！

2011-12-15 Nathan

cssplay.co.uk有很多dropline菜单。只需查看“多层次 - 下线”。虽然注意版权。

2011-12-15 20:55:39 afaf12

-1

本指南：Suckerfish Dropdowns。

你只修改样式完全水平。

2011-12-15 20:41:09 Mathletics

，它使用JavaScript。我并不是那么吝啬IE6。 IE7 +是否使用链接以外的悬停功能？ – Nathan 2011-12-15 20:45:05

我相信如此，但如果你阅读文章，你会明白为什么你需要JS的那部分。 – Mathletics 2011-12-15 20:49:07

可怕（热链接）资源。代码教程是详细的，并且工作示例的链接被注释模糊化。呸。 – 8bitjunkie 2014-11-04 15:35:23

对于IE浏览器悬停攻击没有JavaScript的解决方案http://webstuffshare.com/demo/New-CSSTabMenu 但它可能不会以您想要的方式行事，您是否在悬停后显示？ http://www.webstuffshare.com/2010/01/updated-pure-css-tab-menu/

2011-12-15 20:44:58

我认为你只是指两层，他们都是可见的所有的时间，而不是第二层悬停可见，正确吗？

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

不管怎么说，这个想法是使用两个ul名单，并相应地把你的资产净值的li元素在其中。然后，您可以在样式列表中的项目，但是你从那里想，以及添加链接到他们的内容等

如果你有一个动态的页面，你会做一个简单的服务器端检查if ($PageURL == "blah.php") {吐出class="active"在当前标签上，以及您喜欢的风格。

我建议在您喜欢的导航栏上使用检查元素，并从那里开始。

2011-12-15 20:51:03 justis

回答