DedeCMS5.7sp1模板中添加下拉菜单

  • 时间:
  • 浏览:0
  • 来源:10分快3官网平台_10分快3网投平台_10分快3投注平台_10分快3娱乐平台

  在dedecms5.5中官方模板里设置了下拉菜单的显示,否则日后的几次版本顶端下拉菜单就没办法 再用在模板上了。

  下面的法律土办法是将dedecms5.5的下拉菜单移植到5.7sp1中,实现栏目的下拉菜单。

  首页导航栏目还可不还可以 调用为:

<div id=”navMenu”>

<ul>

<li><a href=”{dede:global.cfg_cmsurl/}/”>首页</a></li>

{dede:channel type=’top’ row=’6′ currentcode"><script type=’text/javascript’ src=’{dede:global.cfg_cmsurl/}/images/js/dropdown.js’></script>

{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}

<script type=”text/javascript”>cssdropdown.startchrome(“navMenu”)</script>

  在css样式表中加进

/*——– 下拉菜单 ————–*/

.dropMenu {

position:absolute;

top: 0;

z-index:200;

width: 200px;

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;

}

.dropMenu a {

width: auto;

display: block;

color: black;

padding: 2px 0 2px 1.2em;

}

* html .dropMenu a {

width: 200%;

}

.dropMenu a:hover {

color:red;

text-decoration: underline;

}

  这里的css样式是还可不还可以 任意调整的将会您懂得css。

  通过上述步骤就实现了在dedecms5.7sp1模板中加进下拉菜单。

Tags: 织梦cms   dedecms教程   dedecms下拉菜单   dede5.7sp1  
责任编辑:cc120