Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/kotlin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 模板导航栏悬停下拉菜单_Html_Css_Navbar - Fatal编程技术网

Html 模板导航栏悬停下拉菜单

Html 模板导航栏悬停下拉菜单,html,css,navbar,Html,Css,Navbar,有人能告诉我他们是如何在给定的模板中创建这个导航栏的吗 我只想知道他们是如何为“服务”这样的链接下拉列表的 谢谢好的,您可以使用列表下的列表进行下拉,然后使用jquery显示和隐藏元素 <ul class="menu"> <li>Main <ul class="dropdown"> <li>Sub</li> <li>Sub</li> <li>S

有人能告诉我他们是如何在给定的模板中创建这个导航栏的吗

我只想知道他们是如何为“服务”这样的链接下拉列表的


谢谢

好的,您可以使用列表下的列表进行下拉,然后使用jquery显示和隐藏元素

<ul class="menu">
<li>Main
    <ul class="dropdown">
        <li>Sub</li>
        <li>Sub</li>
        <li>Sub</li>
        <li>Sub</li>
    </ul>
</li>
当触发“单击”以显示子菜单时,使用一点jquery和函数
.slideToggle()

$('.menu').children('li').on('click', function() {
   $(this).children('ul').slideToggle('slow'); 
});
希望这能帮助你


这里有一个

菜单是使用superfish菜单完成的。。
$('.menu').children('li').on('click', function() {
   $(this).children('ul').slideToggle('slow'); 
});