很多新手朋友在用織夢dedecms 做仿站時，經常問怎樣實現導航欄被選中的樣式，即當在首頁時導航欄的“首頁”就處 。
 

于選中狀態，如下圖：

圖1

    當在別的欄目時，導航欄中“首頁”就不處于選中，所在欄目處于被選中狀態，如下圖：

 

    其實做成這種狀態很簡單，通常我們在做織夢模板時，導航欄會放到頭部模板head.htm中，假設圖1中

導航欄，我們用的代碼如下：

<li class="menu_on">

<a href="{dede:global.cfg_basehost/}">{dede:global.cfg_indexname/}</a>

</li>

 

{dede:channel type='top' row='10' currentstyle="<li class='menu_on'><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"}

  <li ><a href='[field:typeurl/]' [field:rel/]>[field:typename/]</a> </li>

 {/dede:channel}

 

    從代碼中可以看到，首頁所屬的<li>標簽中，有class="menu_on" ，這個樣式就是顯示被選中狀態。其它欄目也需要顯示被選中樣式，所以需要用添加代碼中紅色的部分。

 

    但如果我們除首頁模板外其它的模板也調用這個head.htm ，當進入其它欄目，如圖2中“圖片模板”時，首頁和圖片模板兩個欄目都會是被選中的。

 

    所以解決的方法很簡單，在做個head1.htm ，供除首頁模板外其它模板調用，其代碼如下：

<li >

<a href="{dede:global.cfg_basehost/}">{dede:global.cfg_indexname/}</a>

</li>

 

{dede:channel type='top' row='10' currentstyle="<li class='menu_on'><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"}

  <li ><a href='[field:typeurl/]' [field:rel/]>[field:typename/]</a> </li>

 {/dede:channel}

 

    你可能已經看出來了，這次的代碼和上次的代碼僅僅是首頁<li>標簽中去掉了class="menu_on" ，這樣就能做出這中效果了，很簡單吧。