織夢調用導航菜單欄目,隨着javascript的運用,導航欄的子欄目愈來愈多,在dedecms如何實現這些欄目的調用呢?javascript
1. 通常導航欄目的調用,該類欄目只有主欄目,沒有子欄目,這類欄目通常適用於企業網站和我的網站。其樣式圖以下:java
該類欄目的dedecms調用方法比較簡單,以下:sql
{dede:channel type='top' currentstyle=" <li class='thisclass'><a href='~typelink~'>~typename~</a> </li>"} <li><a href='[field:typeurl/]'>[field:typename/]</a></li> {/dede:channel}
註釋(參數): typeid='0' 欄目ID; reid = '0' 上級欄目ID; row = '100' 調用欄目數;col = '1' 分多少列顯示測試
(默認爲單列);type = 'son | sun' son表示下級欄目,self表示同級欄目,top頂級欄目; currentstyle = '' 應用樣式"。網站
這種方法會把後臺的頂級欄目都調用出來,若是想有些欄目不被調用出來,能夠加上參數typeid=‘所要調用欄目的this
id’。對於調用指定的欄目能夠用下面的標籤:url
{dede:type typeid=‘指定欄目的id’} <a href="[field:typelink /]">[field:typename /]</a> {/dede:type}
2. 帶有二級子欄目的欄目的調用,這類網站用於信息分類比較多的網站,其樣式圖以下:spa
這種欄目是比較常見的,其dedecms調用代碼以下:code
{dede:channelartlist typeid='1,2,3,6,7,10,8,11' row='10'} //typeid=‘頂級欄目的id’ <li class="tab dropdown"><a id="{dede:field name='id'/}" href="{dede:field name='typeurl'/}" class="tablink arwlink"> {dede:field name='typename'/}</a> <ul class="subnav"> {dede:channel type='son' noself='yes'} <a href="[field:typelink/]">[field:typename/]</a> {/dede:channel} </ul> </li> {/dede:channelartlist}
對於沒有子欄目的頂級欄目能夠使用調用指定欄目的標籤:orm
{dede:type typeid=‘指定欄目的id’} <li> <a href="[field:typelink /]">[field:typename /]</a> </li> {/dede:type}
這樣能夠實現上述欄目的調用。
3.有三級子欄目的調用代碼,這類導航適用於商城等,其樣式圖以下:
對於這種欄目的調用代碼以下:
<li> <h3> {dede:type typeid='2'}<a href='[field:typelink/]' class="depth_1"> [field:typename/]</a>{/dede:type} </h3> //頂級欄目的調用 <ul class="children" style="display: none; "> {dede:channelartlist typeid='top' typeid='2'} //二級欄目和三級欄目的調用這裏typeid='子欄目所屬的頂級欄目的id' <li> <h3 > <a href='{dede:field name='typeurl'/}' class="depth_2"> <span class="icon10"></span>{dede:field name='typename'/} </a> </h3> <ul> {dede:sql sql='Select * from dede_arctype where reid=~id~ ORDER BY id limit 0,20'} //limit 起始三級欄目id 顯示欄目的條數 <li><a href="[field:typedir function='str_replace("{cmspath}","",@me)'/]" class="depth_3">[field:typename/]</a> </li> {/dede:sql} </ul> </li> {/dede:channelartlist} </ul> </li>
這三類基本上包括了導航欄的調用方式,並且都通過測試能夠放心使用。