舟山闪爸电子技术有限公司

產(chǎn)品中心
解決方案
案例
客戶案例
定價(jià)
產(chǎn)品定價(jià)
關(guān)于
關(guān)于我們
KesionCMS 幫助
幫助首頁(yè) V6使用手冊(cè) - 問題匯總

13、KesionCMS生成樹形菜單實(shí)例教程

0 2009/9/9 15:34:55

樹形菜單,這是一個(gè)很經(jīng)常見到的網(wǎng)頁(yè)效果,比如調(diào)用欄目導(dǎo)航,調(diào)用產(chǎn)品類別,如下圖:

13、KesionCMS生成樹形菜單實(shí)例教程 第 1 張

那么這個(gè)效果KesionCMS是如何實(shí)現(xiàn)的呢?

下面我們一起來看下標(biāo)簽的生成和調(diào)用.

登錄管理系統(tǒng)后臺(tái),點(diǎn)擊左邊操作導(dǎo)航"標(biāo)簽"進(jìn)入---點(diǎn)擊"標(biāo)簽管理"下邊的"生成樹形菜單",如下圖,選擇要生成的頻道或者整站,樣式有樣式一和樣式二,可以根據(jù)需求選擇效果,生成列數(shù)可以自己根據(jù)網(wǎng)頁(yè)大小設(shè)置,這邊設(shè)置為2列,如下圖:

13、KesionCMS生成樹形菜單實(shí)例教程 第 2 張

點(diǎn)擊"生成樹型導(dǎo)航",生成代碼如下圖:

13、KesionCMS生成樹形菜單實(shí)例教程 第 3 張

把生成的代碼放到模板要顯示的位置,  代碼如下所示:

<!--分類-->
   <div class="wrap_l_3">
   <div class="wrap_l_fl_tit"><span class="more"><a href="/">免費(fèi)發(fā)布信息>></a></span>
  <div class="wrap_l_fl">產(chǎn)品目錄類別</div>
   </div>
   <div class="wrap_l_3box"><script language="javascript" type="text/javascript" src="/JS/Tree.js"></script></div>
   </div>

保存模板,生成網(wǎng)頁(yè)即可.

如果我們還想把字體或者字體顏色,行距等進(jìn)行樣式控制的更美觀一點(diǎn),我們可以打開JS目錄下對(duì)應(yīng)的Tree.js,查看生成的源文件,再進(jìn)行控制樣式就可以了.

好了,今天為大家介紹到這邊!

上一篇：12、KesionCMS空間門戶發(fā)布企業(yè)產(chǎn)品 下一篇：12、KesionCMS空間門戶發(fā)布企業(yè)產(chǎn)品
100%