伊人成综合网yiren22,国产精品男女,国产精品看片你懂得

主頁 > 網站建設 > 建站知識 > 織夢導航欄欄目被選中狀態

織夢導航欄欄目被選中狀態

POST TIME:2020-04-22 17:44

html5響應式網站織夢模板源碼IT網絡工作室織夢網

軟件APP類網站源碼織夢通用型企業網站源碼html

藍色安防器材公司類整站模板

工業環保工程類企業網站織夢模板(帶手機端)

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

圖1

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

圖2

其實做成這種狀態很簡單，通常我們在做織夢模板時，導航欄會放到頭部模板head.htm中，假設圖1中
導航欄，我們用的代碼如下：
<liclass="menu_on">
<ahref="{dede:global.cfg_basehost/}">{dede:global.cfg_indexname/}</a>
</li>

{dede:channeltype='top'row='10'currentstyle="<liclass='menu_on'><ahref='~typelink~'~rel~><span>~typename~</span></a></li>"}
<li><ahref='[field:typeurl/]'[field:rel/]>[field:typename/]</a></li>
{/dede:channel}

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

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

所以解決的方法很簡單，在做個head1.htm，供除首頁模板外其它模板調用，其代碼如下：
<li>
<ahref="{dede:global.cfg_basehost/}">{dede:global.cfg_indexname/}</a>
</li>

{dede:channeltype='top'row='10'currentstyle="<liclass='menu_on'><ahref='~typelink~'~rel~><span>~typename~</span></a></li>"}
<li><ahref='[field:typeurl/]'[field:rel/]>[field:typename/]</a></li>
{/dede:channel}

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