苹果CMS影视栏目一级二级下拉菜单调用代码教程

一、一级导航菜单调用代码

该标签用于遍历输出影视一级分类栏目，按后台排序规则正向输出，适配网站顶部主导航布局。

{maccms:type ids="parent" flag="vod" order="asc"}
<li class="" _t_nav="topnav-{$key}"><a href="{:mac_url_type($vo)}">{$vo.type_name}<i class="sjbgs"></i><i class="sjbgx"></i></a></li>
{/maccms:type}

代码参数说明

• ids="parent"：仅调取顶级一级分类，过滤所有子分类

• flag="vod"：限定调取影视栏目数据，精准匹配影视分类

• order="asc"：按照后台分类排序数值从小到大正常排列

• _t_nav：唯一标识参数，用于联动二级下拉菜单显示

二、二级下拉子菜单调用代码

嵌套在一级菜单循环内使用，自动匹配对应一级分类下的所有二级子栏目，实现下拉层级导航效果。

{maccms:type ids="parent" flag="vod" order="asc"}
<div id="topnav-{$key}" class="nav-down-1" style="display:none;" _t_nav="topnav-{$key}">
<div class="nav-down-2 clearfix"><ul>
{maccms:type parent="'.$vo['type_id'].'" flag="vod" order="asc" id="vo2" key="key2"}
<li><a href="{:mac_url_type($vo2)}">{$vo2.type_name}</a></li>
{/maccms:type}
</ul></div>
</div>
{/maccms:type}

代码参数说明

• parent：动态获取当前一级分类ID，自动调取对应下级子分类

• id="vo2"：重置二级循环变量，避免与一级循环变量冲突

• display:none：默认隐藏下拉菜单，可通过JS实现悬浮展示效果

三、使用注意事项

整套导航标签为苹果CMS通用写法，全版本通用。页面可通过对应CSS类名 nav-down-1、nav-down-2 自定义下拉菜单样式，搭配JS鼠标悬浮事件即可实现主流网站的导航下拉展示效果。后台新增、修改分类后，前端导航会自动同步更新，无需手动修改模板代码。