織夢dedecms 5.7 sp1模板怎么添加下拉菜單

來源：本站原創(chuàng)|時間：2021-08-05|欄目：dedecms|點擊：次

在織夢dedecms5.5中官方模板里設(shè)置了下拉菜單的顯示，但是之后的幾個版本里面下拉菜單就沒有再用在模板上了。

以下方法將織夢dedecms5.5的下拉菜單移植到5.7sp1中，實現(xiàn)欄目的下拉菜單。

1，首頁導航欄目可以調(diào)用為：

代碼示例:

<ul>

{dede:channel type=’top’ row=’6′ currentstyle=”<li class=’hover’><a href=’~typelink~’ ~rel~>~typename~</a></li>”}

<li><a href=’[field:typeurl/]‘ [field:rel/]>[field:typename/]</a></li>

{/dede:channel}

</ul>

</div>

2，id=”navMenu”這個id是必須有的，在模板中的任何位置添加代碼：

代碼示例:

{dede:channelartlist typeid=’top’ 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}

3，在css樣式表中添加：

代碼示例:

/*——– 下拉菜單 ————–*/

.dropMenu {

position:absolute;

top: 0;

z-index:100;

width: 80px;

visibility: hidden;

margin-top: -1px;

border: 1px solid #003366;

border-top: 0px solid #3CA2DC; background-color:#FFFFFF;

padding-top:6px;

padding-bottom:6px;

}

.dropMenu li {

margin-top:2px;

margin-bottom:4px;

padding-left:0px;

} // www.jbxue.com

.dropMenu a {

width: auto;

display: block;

color: black;

padding: 2px 0 2px 1.2em;

}

* html .dropMenu a {

width: 100%;

}

.dropMenu a:hover {

color:red;

text-decoration: underline;

}

這里css樣式是可以任意調(diào)整的。

完成以上代碼，即可在織夢dedecms5.7sp1模板中添加下拉菜單。

上一篇：dedecms專題分節(jié)點自由單獨調(diào)用的實現(xiàn)方法

欄目：dedecms

下一篇：織夢dedecms模板中友情鏈接標簽底層模板樣式調(diào)整

本文標題：織夢dedecms 5.7 sp1模板怎么添加下拉菜單

本文地址：http://mengdiqiu.com.cn/a1/dedecms/15521.html

更多dedecms

欧美大屁股bbbbxxxx,狼人大香伊蕉国产www亚洲,男ji大巴进入女人的视频小说,男人把ji大巴放进女人免费视频,免费情侣作爱视频

dedecms

織夢dedecms 5.7 sp1模板怎么添加下拉菜單

您可能感興趣的文章

閱讀排行

本欄相關(guān)

隨機閱讀