知识专栏
多方位、多角度、深度解读您所关心的问题

在网站的主导航栏,我们经常做下拉菜单,并显示网站上的所有栏目,包括一级栏目、二级栏目、三级栏目等。

那么用cmseasy v5企业建站系统,怎么来调用呢?

cmseasy v5下拉菜单循环调用一级、二级、三级栏目并高亮显示的完整代码:

<ul>
<li{if $topid==0} class="active"{/if}><a href="/">网站首页</a></li>
{loop categories_nav() $t}
<li class="{if count(categories($t[catid]))}dropdown{/if}{if isset($topid) && $topid==$t[catid]} active{/if}">{if count(categories($t[catid]))}<i class="arr"></i>{/if}<a href="{$t[url]}">{$t[catname]}</a>
    {if count(categories($t[catid]))}
    <div class="dropdown-box">
        <ul>
        {loop categories($t[catid]) $t1}
            <li{if count(categories($t1[catid]))} class="dropdown2"{/if}>{if count(categories($t1[catid]))}<i class="arr2"></i>{/if}<a href="{$t1[url]}">{$t1[catname]}</a>
                {if count(categories($t1[catid]))}
                <div class="dropdown-con2">
                    <ul>
                        {loop categories($t1[catid]) $t2}
                        <li><a href="{$t2[url]}">{$t2[catname]}</a></li>
                        {/loop}
                    </ul>
                </div>
                {/if}
            </li>
        {/loop}
        </ul>
    </div>
    {/if}
</li>
{/loop}
</ul>

其中部分代码说明:

(1){if $topid==0} class="active"{/if},判断是否为首页的代码,如果当前页面为首页,则显示class="active"样式。

(2){if count(categories($t[catid]))}dropdown{/if},判断当前栏目是否存在子栏目,如果有子栏目,则显示dropdown样式。

(3){if isset($topid) && $topid==$t[catid]} active{/if},判断是否为当前栏目,如果是当前栏目,则显示active样式,并且可以在css样式中添加高亮代码。

上述代码虽然只调用了三级,其实可以依葫芦画瓢,可以调出更多层级的栏目,比如四级栏目、五级栏目等。

赞一下
--
踩一脚
--

您已成功复制微信号

leishi010

打开微信添加好友?

确定