DedeCMS實現樹型菜單的方法_DedeCms教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
給大家分享一下織夢DedeCMS實現樹型菜單的方法，經證實可用，希望能幫助到你
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" />
然后把標簽加入到要顯示的地方：
- <ul id="navigation">
- {dede:cattree typeid='4'}{/dede:cattree}
- </ul>
-------------其他次要說明--------------------
treeview另外兩種風格使用：
- <ul id="red" >
- {dede:cattree typeid='4'}{/dede:cattree}
- </ul>
- <ul id="black" >
- {dede:cattree typeid='4'}{/dede:cattree}
- </ul>
treeview默認合并(展開)說明：
1.打到js/treeview.demo.js文件
2.比如說現在用的風格是"navigation",找到以下代碼：
- $("#navigation").treeview({
- persist: "location",
- collapsed: true,
- unique: true
- });
代碼中“collapsed: true,”這一行就是控制合并還是展開的,默認是true就是合并
如果默認展開設置為 false 即可！
相關DedeCms教程：
- dedecms獲取上下文章鏈接的方法
- 成功解決DEDECMS 5.3圖片大小自適應問題
- 織夢dedecms修改突破列表只能生成50頁
- 系統出現Safe Alert: Request Error step 1/2 ! 解決方法
- 織夢dedecms使用百度編輯Ueditor設置代碼高亮教程
- dedecms織夢獲取文章里第一張圖片
- 織夢dedecms在php5.4下后臺發布文章提示“標題不能為空”
- 織夢DEDECMS會員提示“數據校驗不對，程序返回”問題的解決
- dedecms如何修改友情鏈接flink模板
- 織夢dedecms留言本模板調用導航head
- dedecms織夢sql基本語法 直接調用數據庫
- 織夢DEDECMS 獨立模型支持副欄目修改
。