濮阳杆衣贸易有限公司

主頁 > 網(wǎng)站建設(shè) > 建站知識(shí) > DedeCMS實(shí)現(xiàn)樹型菜單的方法

DedeCMS實(shí)現(xiàn)樹型菜單的方法

POST TIME:2017-11-13 00:43

treeview是JQUERY樹形菜單顯示的插件,支持COOKIE。
今天終于把這個(gè)插件成功移植到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 即可!



收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266
长子县| 浦城县| 奈曼旗| 清流县| 武平县| 沂水县| 洪江市| 岳阳县| 衡南县| 宁海县| 方山县| 灵川县| 石棉县| 阜阳市| 清水县| 泌阳县| 宝兴县| 宁城县| 石棉县| 如皋市| 武定县| 伊金霍洛旗| 都匀市| 正镶白旗| 宜黄县| 宜君县| 巴马| 高陵县| 虞城县| 东明县| 新兴县| 荔波县| 九江市| 交口县| 若尔盖县| 安福县| 湖州市| 台南县| 临汾市| 惠水县| 开远市|