織夢(mèng)導(dǎo)航欄欄目被選中狀態(tài),織夢(mèng)文章
導(dǎo)讀:織夢(mèng)文章織夢(mèng)文章很多新手朋友在用織夢(mèng)做仿站時(shí),經(jīng)常問(wèn)怎樣實(shí)現(xiàn)導(dǎo)航欄被選中的樣式,即當(dāng)在首頁(yè)時(shí)導(dǎo)航欄的“首頁(yè)”就處于選中狀態(tài)dede織夢(mèng)模板織夢(mèng)cms模板。
很多新手朋友在用織夢(mèng)做仿站時(shí),經(jīng)常問(wèn)怎樣實(shí)現(xiàn)導(dǎo)航欄被選中的樣式,即當(dāng)在首頁(yè)時(shí)導(dǎo)航欄的“首頁(yè)”就處
于選中狀態(tài),如下圖:
圖1
當(dāng)在別的欄目時(shí),導(dǎo)航欄中“首頁(yè)”就不處于選中,所在欄目處于被選中狀態(tài),如下圖:
圖2
其實(shí)做成這種狀態(tài)很簡(jiǎn)單,通常我們?cè)谧隹棄?mèng)模板時(shí),導(dǎo)航欄會(huì)放到頭部模板head.htm中,假設(shè)圖1中
導(dǎo)航欄,我們用的代碼如下:
<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>"織夢(mèng)模板網(wǎng)}
<li ><a href='[field:typeurl/]' [field:rel/]>[field:typename/]</a> </li>
{/dede:channedede模板安裝l}
從代碼中可以看到,首頁(yè)所屬的<li>標(biāo)簽中,有class="menu_on" ,這個(gè)樣式就是顯示被選中狀態(tài)。其它欄目也需要顯示被選中樣式,所以需要用添加代碼中紅色的部分。
但如果我們除首頁(yè)模板外其它的模板也調(diào)用這個(gè)head.htm ,當(dāng)進(jìn)入其它欄目,如圖2中“圖片模板”時(shí),首頁(yè)和圖片模板兩個(gè)欄目都會(huì)是被選中的。
所以解決的方法很簡(jiǎn)單,在做個(gè)head1.htm ,供除首頁(yè)模板外其它模板調(diào)用,其代碼如下:
<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>&q織夢(mèng)首頁(yè)模板uot;}
<li ><a href='[field:typeurl/]' [field:rel/]>[field:typename/]</a> </li>
{/dede:channel}
你可能已經(jīng)看出來(lái)了,這次的代碼和上次的代碼僅僅是首頁(yè)<li>標(biāo)簽中去掉了class="menu_on" ,這樣就能做出這中效果了,很簡(jiǎn)單吧。相關(guān)dede織夢(mèng)模板織夢(mèng)cms模板。
聲明: 本文由我的SEOUC技術(shù)文章主頁(yè)發(fā)布于:2023-07-19 ,文章織夢(mèng)導(dǎo)航欄欄目被選中狀態(tài),織夢(mèng)文章主要講述狀態(tài),欄目,織夢(mèng)網(wǎng)站建設(shè)源碼以及服務(wù)器配置搭建相關(guān)技術(shù)文章。轉(zhuǎn)載請(qǐng)保留鏈接: http://www.bifwcx.com/article/web_30987.html
為你推薦與織夢(mèng)導(dǎo)航欄欄目被選中狀態(tài),織夢(mèng)文章相關(guān)的文章
-
dedecms 織夢(mèng)5.7 圖集實(shí)現(xiàn)分頁(yè)功能,織夢(mèng)技術(shù)
(51)人喜歡 2023-07-19 -
織夢(mèng)模板如何顯示完整的標(biāo)題,dedecms
(101)人喜歡 2023-07-19 -
DedeCms織夢(mèng)后臺(tái)添加編輯文章空白解決辦法
(195)人喜歡 2023-07-19 -
DedeCMS Error: (PHP 5.3 and above) P,織夢(mèng)文章
(102)人喜歡 2023-07-19 -
織夢(mèng)后臺(tái)登錄界面更改,織夢(mèng)技術(shù)
(88)人喜歡 2023-07-19 -
織夢(mèng)dedecms模塊管理空白不顯示的四種解決
(61)人喜歡 2023-07-19