模板Navbar Hover下拉列表

Question

有人可以告诉我他们是如何在给定模板中创建此导航栏的。

http://templates.entheosweb.com/template_number/live_demo.asp?TemplateID=38947

我只需要知道他们如何为“服务”这样的链接做下拉。

由于

Answer 1

好吧，您可以使用列表下的列表来制作下拉菜单，然后使用jquery show并隐藏元素......

<ul class="menu">
<li>Main
    <ul class="dropdown">
        <li>Sub</li>
        <li>Sub</li>
        <li>Sub</li>
        <li>Sub</li>
    </ul>
</li>

然后，使用CSS，隐藏下拉菜单......

.dropdown {
  display: none;
}

使用一点jquery和函数.slideToggle()触发＆＃34;点击＆＃34;显示子菜单。

$('.menu').children('li').on('click', function() {
   $(this).children('ul').slideToggle('slow'); 
});

希望这能帮到你......

这是一个jsFiddle