博达网站群网站建设制作中主导航菜单带三级下拉菜单代码

时间:2023-03-24 作者:新势力科技 阅读数:366

博达网站群网站建设制作中主导航菜单带三级下拉菜单代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<div class="main-menu text-center text-xl-center">
<nav id="mobile-menu">
<ul>
<#list list_menu as menu>
<li class="has-sub"><a href="${menu.url}" ${menu.target}>${menu.showTitle}</a>  
<#if menu.hasSubMenu>
<ul>
    <#list menu.list_subMenu as menu>
    <li class="has-sub"><a href="${menu.url}" ${menu.target}>${menu.showTitle}</a>
    <#if menu.hasSubMenu>
    <ul>
        <#list menu.list_subMenu as menu>
        <li class="has-sub"><a href="${menu.url}" ${menu.target}>${menu.showTitle}</a>
        <#if menu.hasSubMenu>
        <ul>
            <#list menu.list_subMenu as menu>
            <li class="has-sub"><a href="${menu.url}" ${menu.target}>${menu.showTitle}</a>
            <#if menu.hasSubMenu>
            <#else>
            </#if>
            </li>
            </#list>
        </ul>
        <#else>
        </#if>
        </li>
        </#list>
    </ul>
    <#else>
    </#if>
    </li>
    </#list>
</ul>
<#else>
</#if>
</li>
</#list>
</ul>
</nav>
</div>

以上代码需要css样式支持.仅供参考,如果你有带三级代码的css样式,你可以直接抄代码,修改div里的class即可.

上一篇:博达网站群网站建设制作"标题组件"的简单用法

下一篇:博达全媒体网站群网站建设中二级导航菜单带三级栏目代码,可以直接抄答案