DedeCMS實現樹型菜單的方法,織夢技術
導讀:織夢技術織夢技術DedeCMS實現樹型菜單的方法織夢模板dede手機模板。
treeview是JQUERY樹形菜單顯示的插件,支持COOKIE。
今天終于把這個插件成功移植到CMS上了。
支持DEDECMS版本:5.6測試通過,5.7測試通過
不多說了,看圖:
下載地址:本地下載 安裝說明:下載后直接解壓所有文件到dedec織夢模板免費下裁ms目錄下面即可,然后按照下面的使用說明....(壓縮包里面也有使用說明)
下面附上使用說明:
把以下代碼加入到<head></head>中間或者直接加入到公共文件中.. <script src="{dede:globa手機模板dedel.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"></sc夢織模板ript> <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 即可!
相關織夢模板dede手機模板。聲明: 本文由我的SEOUC技術文章主頁發布于:2023-07-18 ,文章DedeCMS實現樹型菜單的方法,織夢技術主要講述樹型,菜單,CMS網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_29856.html