织梦网站系统如何使用显示三级目导航菜单,通常有些客户要求导航栏目能够下拉显示三级栏目导航菜单,经过全宝鑫技术员研究和网络收集,分享一下经验总结!
用下面的代码可以实现这个功能具体代码如下:
<div id="navMenu">
<ul>
<li {dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='on'":@me="";{/dede:field}><a href="/">首页</a></li>
{dede:channelartlist typeid='top' row='10' currentstyle="home"} //currentstyle 可以实现栏目切换时改变class状态,但需要修一些文件,具体看下面一段代码
<li class='{dede:field.currentstyle/}'><a href="{dede:field name='typeurl'/}" rel='dropmenu'>{dede:field name='typename' /}</a>
<div id="erji" class="erji hide" style="position: absolute;width: 200px">
{dede:sql sql='select * from dede_arctype where reid =~id~ '}
<dl style="position: relative;height: 30px">
<a href="[field:typedir function='str_replace("{cmspath}","",@me)'/]" target='_self'
title="[field:typename/]" style="width: 90%;padding-left:10%;text-align:left;line-height: 30px">[field:typename/]</a>
<div id="sanji" class="hide" style="position: absolute;width: 200px;left: 200px;background: #0D6598;">
[field:id runphp='yes']
global $dsql;
$id=@me;
$sql='Select * from dede_arctype where reid='.$id.' ORDER BY id limit 0,20';
$dsql->SetQuery($sql);
$dsql->Execute();
while($row = $dsql->GetArray()){
$url = str_replace("{cmspath}","",$row['typedir']);
$str .='<a href="'.$url.'" style="display: block;width: 90%;padding-left: 10%;text-align: left;line-height: 30px;">'.$row['typename'].'</a>';
@me = $str;
}
if(@me == $id){ //避免3级栏目为空时 写出分类ID,这里加以判断
@me ='';
}
[/field:id]
</div>
</dl>
{/dede:sql}
</div>
</li>
{/dede:channelartlist}
</ul>
</div>
|
用以上的代码就可以实现三级栏目菜单的调用和显示了,后台可以随便修改并且前台也会随时调用。