DEDECMS教程：如何制作下拉導(dǎo)航
來(lái)源：本站原創(chuàng)|時(shí)間：2021-08-05|欄目：dedecms|點(diǎn)擊： 次
DEDECMS5.7 5.6下拉導(dǎo)航，測(cè)試成功，完美兼容各大瀏覽器。
一級(jí)導(dǎo)航HTML代碼（代碼格式按照下面的，一定不能變）：
<div id=”navMenu”>
<ul>
<li><a href=’{dede:global.cfg_cmsurl/}/’><spanclass=’bg_left’>主頁(yè)< /span><spanclass=’bg_right’> </span></a></li>
{dede:channel type=’top’ row=’8′ currentstyle=”<liclass=’current’><a href=’~typelink~’ ~rel~><spanclass=’bg_left’>~typename~</span><spanclass=’bg_right’> </span></a></li>”}
<li><a href=’[field:typeurl/]‘ [field:rel/]><spanclass=’bg_left’>[field:typename/]</span><spanclass=’bg_right’> </span></a></li>
{/dede:channel}
</ul>
</div>
二級(jí)導(dǎo)航html代碼，一般放在模板文件footer.htm中：
<script type=’text/javascript’ src=’{dede:global.cfg_cmsurl/}/images/js/dropdown.js’></script>
{dede:channelartlist typeid=’top’ row=’8′ cacheid=’channelsonlist’}<ul id=”dropmenu{dede:field.typeid/}”>
{dede:channel type=’son’ noself=’yes’} <li><a href=”[field:typelink/]“>[field:typename/]</a></li>
{/dede:channel}
</ul>
{/dede:channelartlist}
<script type=”text/javascript”>cssdropdown.startchrome(“navMenu”)</script>
其中的dropdown.js是在各版本的根目錄images中的js文件夾中有。
至于css怎么 寫，你就自己看著辦了。
上一篇：織夢(mèng)網(wǎng)頁(yè)模板仿站過(guò)程中用到的全局變量調(diào)用標(biāo)簽
欄 目：dedecms
下一篇：dedecms教程：增加欄目圖片banner或欄目圖片
本文標(biāo)題：DEDECMS教程：如何制作下拉導(dǎo)航
本文地址：http://www.jygsgssxh.com/a1/dedecms/17005.html
您可能感興趣的文章
- 08-05Dedecms文件目錄結(jié)構(gòu)解說(shuō)（能知道織夢(mèng)每個(gè)文件有什么用）
- 08-05Dedecms5.7版ckeditor網(wǎng)頁(yè)編輯器添加中文字體
- 08-05織夢(mèng)DedeCMS獲取當(dāng)前欄目文章數(shù)量
- 08-05織夢(mèng)模板如何添加和調(diào)用自定義字段的方法
- 08-05DedeCMS后臺(tái)模塊列表顯示空白的解決辦法
- 08-05DedeCMS自定義字段圖片調(diào)用的問(wèn)題{dede:img ...}解決方法
- 08-05織夢(mèng)DedeCMS調(diào)用顯示discuz里面主題的方法
- 08-05常用的織夢(mèng)dedecms安全設(shè)置集合整理
- 08-05織夢(mèng)教程：后臺(tái)編輯器添加中文字體方法
- 08-05dedecms教程：上傳圖片相對(duì)路徑改成絕對(duì)路徑方法
