当前位置: 首页 > 织梦教程 > 织梦导航栏目实现三级栏目调用的方法

织梦导航栏目实现三级栏目调用的方法

365ymw / 2019-09-02

在用织梦模板做网站的时候，通常有客户要求导航栏目能够下拉显示三级栏目导航菜单，经过研究和网络收集，

用下面的代码可以实现这个功能具体代码如下：

            
                        01
                        <div id="navMenu">
                    
                        02
                                <ul>
                    
                        03
                                  <li {dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='on'":@me="";{/dede:field}><a href="/">首页</a></li>
                    
                        04
                                  {dede:channelartlist typeid='top' row='10' currentstyle="home"} //currentstyle 可以实现栏目切换时改变class状态，但需要修一些文件，具体看下面一段代码
                    
                        05
                                  <li class='{dede:field.currentstyle/}'><a href="{dede:field name='typeurl'/}"  rel='dropmenu'>{dede:field name='typename' /}</a>
                    
                        06
                                    <div id="erji" class="erji hide" style="position: absolute;width: 200px">
                    
                        07
                                    {dede:sql sql='select * from dede_arctype where reid =~id~ '}
                    
                        08
                                        <dl style="position: relative;height: 30px">
                    
                        09
                                        <a href="[field:typedir function='str_replace("{cmspath}","",@me)'/]" target='_self'
                    
                        10
                                        title="[field:typename/]" style="width: 90%;padding-left:10%;text-align:left;line-height: 30px">[field:typename/]</a>
                    
                        11
                                        <div id="sanji" class="hide" style="position: absolute;width: 200px;left: 200px;background: #0D6598;">
                    
                        12
                                        [field:id runphp='yes']
                    
                        13
                                                global $dsql;
                    
                        14
                                                $id=@me;
                    
                        15
                                                $sql='Select * from dede_arctype where reid='.$id.' ORDER BY id limit 0,20';
                    
                        16
                                                $dsql->SetQuery($sql);
                    
                        17
                                                $dsql->Execute();
                    
                        18
                                                while($row = $dsql->GetArray()){
                    
                        19
                                                    $url = str_replace("{cmspath}","",$row['typedir']);
                    
                        20
                                                    $str .='<a href="'.$url.'" style="display: block;width: 90%;padding-left: 10%;text-align: left;line-height: 30px;">'.$row['typename'].'</a>';
                    
                        21
                                                    @me = $str;
                    
                        22
                                                }                     
                    
                        23
                                                if(@me == $id){ //避免3级栏目为空时 写出分类ID，这里加以判断
                    
                        24
                                                  @me ='';
                    
                        25
                                                }
                    
                        26
                                          [/field:id]
                    
                        27
                                        </div>
                    
                        28
                                      </dl>
                    
                        29
                                      {/dede:sql}
                    
                        30
                                    </div>
                    
                        31
                                  </li>
                    
                        32
                                  {/dede:channelartlist}
                    
                        33
                                </ul>
                    
                        34
                        </div>