像这样做Nav的最简单方法是什么?

时间:2012-08-13 08:52:05

标签: css navigation hover

我无法弄清楚如何制作这样的导航:

http://www.andertons.co.uk/

悬停几乎与主导航脱节。任何想法/提示我如何实现这一目标?

谢谢, 丹

2 个答案:

答案 0 :(得分:1)

试试这个:

<div class="naviItem">
    Games
    <ul>
        <li>Game 1</li>
        <li>Game 1</li>
        <li>Game 1</li>
    </ul>
</div>

CSS:

.naviItem ul {
    display: none;
}

.naviItem:hover ul {
    display: block;
}

答案 1 :(得分:0)

您现在已经习惯了此链接的任何导航

Demo