在网站的主导航栏,我们经常做下拉菜单,并显示网站上的所有栏目,包括一级栏目、二级栏目、三级栏目等。
那么用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
打开微信添加好友?
确定