很多新手朋友在用織夢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" ,這樣就能做出這中效果了,很簡單吧。