做網站,我們是認真的!

網站適配電腦+手機端,僅1280元,送2000M阿里云服務器,送com域名+免費備案
網站前端采用靜態系統顯示,后端動態管理,我們承諾網站包收錄,完成網站之后把源碼給客戶!

觀點

互聯網+時代,說建站,談運營與網絡營銷

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

時間:2020-12-16

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

    當在別的欄目時,導航欄中“首頁”就不處于選中,所在欄目處于被選中狀態,如下圖:
織夢dedecms導航欄欄目被選中狀態
 
    其實做成這種狀態很簡單,通常我們在做織夢模板時,導航欄會放到頭部模板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" ,這樣就能做出這中效果了,很簡單吧。 
0
首頁
案例
關于
聯系
凯时平台