現(xiàn)在網(wǎng)站菜單導(dǎo)航的形式越來越多樣化了，網(wǎng)站豐富了內(nèi)容的同時也更加注重用戶體驗(yàn)，這就是秀站網(wǎng)的宗旨。菜單導(dǎo)航是網(wǎng)站的內(nèi)容入口，如果設(shè)計(jì)的不合理，用戶很難找到想要的頁面內(nèi)容，布局自己的導(dǎo)航可以參考《利于SEO優(yōu)化的企業(yè)網(wǎng)站導(dǎo)航設(shè)計(jì)》，接下來看看在dedecms的基礎(chǔ)上，實(shí)現(xiàn)某個菜單導(dǎo)航加個小標(biāo)簽（如：HOT，推薦等）。

        如果你把導(dǎo)航菜單寫死（不用標(biāo)簽調(diào)用），那就很容易實(shí)現(xiàn)，但如果用標(biāo)簽調(diào)用的話就存在一定問題。這里利用SuperSlide插件實(shí)現(xiàn)，自己到網(wǎng)上搜就好了，功能相當(dāng)?shù)呢S富，基本搞定常見的網(wǎng)頁效果。

       建議先瀏覽以下文章，因?yàn)樗�謂的下拉菜單需要運(yùn)用{dede:channelartlist}調(diào)用二級欄目的內(nèi)容，《dedecms調(diào)用二級欄目并實(shí)現(xiàn)channelartlist支持currentstyle屬性》，支持了currentstyle屬性就好辦了。

       此外要實(shí)現(xiàn)每個輸出的頂級導(dǎo)航的<li>都有不一樣的class，還需要在class后面增加自增函數(shù){dede:global.itemindex/}，該函數(shù)默認(rèn)從1開始遞增。把完整導(dǎo)航菜單代碼貼出來。

<p class="nav">
 <li><a href='{dede:global.cfg_basehost/}'>首頁</a></li>
 <!-- 當(dāng)前欄目輸出<li class='nLi on'>,非當(dāng)前欄目輸出<li class='nLi'> -->
 {dede:channelartlist typeid='top' currentstyle='nLi on'}
 <li class='{dede:field.currentstyle/} li_{dede:global.itemindex/}'>
  <a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a>
  <ul>
   {dede:channel type='son' noself='yes'}
   <li><a href="[field:typelink/]">[field:typename/]</a></li>
   {/dede:channel}
  </ul> 
 </li> 
 {/dede:channelartlist}
</p>

輸出頂級html代碼如下，樣式自己寫吧

<p class="nav">
 <li><a href="/">首頁</a></li>
 <li class='nLi  on li_1'><!--當(dāng)前欄目有“on”-->
  <a href="/link1">欄目1</a>
  <ul>
   <li><a href="/link/a">欄目1-1</a></li>
  </ul>
 </li>
 <li class='nLi li_2'>
  <a href="/link2">欄目2</a>
  <ul>
   <li><a href="/link2/a">欄目2-1</a></li>
  </ul>
 </li>
</p>