DedeCMS實現(xiàn)樹型菜單的方法_DedeCms教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
給大家分享一下織夢DedeCMS實現(xiàn)樹型菜單的方法,經(jīng)證實可用,希望能幫助到你
treeview是JQUERY樹形菜單顯示的插件,支持COOKIE。
treeview是JQUERY樹形菜單顯示的插件,支持COOKIE。
今天終于把這個插件成功移植到CMS上了。
支持DEDECMS版本:5.6測試通過,5.7測試通過
不多說了,看圖:
下載地址:本地下載
安裝說明:下載后直接解壓所有文件到dedecms目錄下面即可,然后按照下面的使用說明....(壓縮包里面也有使用說明)
下面附上使用說明:
把以下代碼加入到<head></head>中間或者直接加入到公共文件中..
- <script src="{dede:global.cfg_cmsurl/}/images/js/j.js" type="text/javascript"></script>
- <script src="{dede:global.cfg_cmsurl/}/js/jquery.cookie.js" type="text/javascript"></script>
- <script src="{dede:global.cfg_cmsurl/}/js/jquery.treeview.js" type="text/javascript"></script>
- <script src="{dede:global.cfg_cmsurl/}/js/treeview.demo.js" type="text/javascript"></script>
- <link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/style/jquery.treeview.css" />
然后把標(biāo)簽加入到要顯示的地方:
- <ul id="navigation">
- {dede:cattree typeid='4'}{/dede:cattree}
- </ul>
-------------其他次要說明--------------------
treeview另外兩種風(fēng)格使用:
- <ul id="red" >
- {dede:cattree typeid='4'}{/dede:cattree}
- </ul>
- <ul id="black" >
- {dede:cattree typeid='4'}{/dede:cattree}
- </ul>
treeview默認(rèn)合并(展開)說明:
1.打到j(luò)s/treeview.demo.js文件
2.比如說現(xiàn)在用的風(fēng)格是"navigation",找到以下代碼:
- $("#navigation").treeview({
- persist: "location",
- collapsed: true,
- unique: true
- });
代碼中“collapsed: true,”這一行就是控制合并還是展開的,默認(rèn)是true就是合并
如果默認(rèn)展開設(shè)置為 false 即可!
相關(guān)DedeCms教程:
- dedecms獲取上下文章鏈接的方法
- 成功解決DEDECMS 5.3圖片大小自適應(yīng)問題
- 織夢dedecms修改突破列表只能生成50頁
- 系統(tǒng)出現(xiàn)Safe Alert: Request Error step 1/2 ! 解決方法
- 織夢dedecms使用百度編輯Ueditor設(shè)置代碼高亮教程
- dedecms織夢獲取文章里第一張圖片
- 織夢dedecms在php5.4下后臺發(fā)布文章提示“標(biāo)題不能為空”
- 織夢DEDECMS會員提示“數(shù)據(jù)校驗不對,程序返回”問題的解決
- dedecms如何修改友情鏈接flink模板
- 織夢dedecms留言本模板調(diào)用導(dǎo)航head
- dedecms織夢sql基本語法 直接調(diào)用數(shù)據(jù)庫
- 織夢DEDECMS 獨立模型支持副欄目修改
DedeCms教程教程Rss訂閱Cms教程搜索
DedeCms教程推薦
猜你也喜歡看這些
- dedecms模板_綠色清新的網(wǎng)絡(luò)公司設(shè)計工作室模板
- 織夢綠色清新企業(yè)模板
- html5響應(yīng)式裝飾裝修裝潢設(shè)計公司企業(yè)模板自適應(yīng)手機(jī)
- HTML5美容整形醫(yī)院織夢模板兼容手機(jī)
- 藍(lán)色大氣營銷型機(jī)械電子行業(yè)通用企業(yè)模板+wap手機(jī)端同步+測試數(shù)據(jù)-互創(chuàng)灣出品
- dedecms藍(lán)色機(jī)械企業(yè)模板 大氣模型模板,織夢藍(lán)色通用模板
- 超酷大氣漂亮的設(shè)計工作室織夢模板
- 織夢藍(lán)色光電科技企業(yè)集團(tuán)網(wǎng)站模板
- DEDECMS工作室模板BY那片海網(wǎng)絡(luò)
- 織夢藍(lán)色企業(yè)網(wǎng)站模板
- 相關(guān)鏈接:
復(fù)制本頁鏈接| 搜索DedeCMS實現(xiàn)樹型菜單的方法| DedeCms模板| Dede模板| 織夢模板| dedecms
- 教程說明:
DedeCms教程-DedeCMS實現(xiàn)樹型菜單的方法。