Question

http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

您好，

我正在尝试制作一个只有css的下拉菜单。

我不想使用javascript。

任何人都可以帮助我做到这一点吗？

Answer 1

是的，这是可能的。这不是一个免费代码网站。只是为了给你一个想法，看看这个：

您可以使用CSS pseudo classe :hover来确定是否显示子菜单。 HTML：

<ul class="mainmenu" >
    <li>Main Menu One
        <ul class="submenu">
            <li>Menu Item</li>
            <li>Menu Item</li>
            <li>Menu Item</li>
            <li>Menu Item</li>
        </ul>
    </li>
    <li>Main Menu Two
        <ul class="submenu">
            <li>Menu Item</li>
            <li>Menu Item</li>
            <li>Menu Item</li>
            <li>Menu Item</li>
        </ul>
    </li>
    <li>Main Menu Three
        <ul class="submenu">
            <li>Menu Item</li>
            <li>Menu Item</li>
            <li>Menu Item</li>
            <li>Menu Item</li>
        </ul>
    </li>
</ul>

CSS

.mainmenu li{float:left; border:1px solid black;}
.mainmenu li:hover .submenu{display:block;}
.submenu{display:none;}
.submenu li{float:none;}

查看Fiddle

只有css的下拉导航菜单，有人可以帮忙吗？

1 个答案: