織夢DEDECMS調用導航欄的頂級欄目、二級欄目及三級欄目

織夢調用導航菜單欄目,隨着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>

 

 

 

 

 這三類基本上包括了導航欄的調用方式,並且都通過測試能夠放心使用。

相關文章
相關標籤/搜索