您现在的位置是:首页 > 教程 > dedecms教程dedecms教程
dedecms5.7sp1模板中怎么添加下拉菜单
李恩妙2023-11-20 21:17:06dedecms教程已有人查阅
导读在dedecms5.5中官方模板里设置了下拉菜单的显示,但是之后的几个版本里面下拉菜单就没有再用在模板上了。下面的方法是将dedecms5.5的下拉菜单
在dedecms5.5中官方模板里设置了下拉菜单的显示,但是之后的几个版本里面下拉菜单就没有再用在模板上了。下面的方法是将dedecms5.5的下拉菜单移植到5.7sp1中来实现栏目的下拉菜单.
首页导航栏目可以调用为:
织梦者在一位朋友修改下拉菜单时发现下拉菜单在ie6下显示不正常经反复测试发现是因为在修改导航上的css样式时a的高度影响了js在select上的运用,因为select在层中是顶级的div无法覆盖;原理还挺麻烦大家有兴趣可以百度一下div与select的关系;谨慎哦!
首页导航栏目可以调用为:
<div id=”navMenu”>
<ul>
<li><a href=”{dede:global.cfg_cmsurl/}/”>首页</a></li>
{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>
id=”navMenu”这个id是必须有的,在模板中的任何位置添加下面的代码:
<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: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;
}
.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样式是可以任意调整的如果您懂得css。通过上述步骤就实现了在dedecms5.7sp1模板中添加下拉菜单织梦者在一位朋友修改下拉菜单时发现下拉菜单在ie6下显示不正常经反复测试发现是因为在修改导航上的css样式时a的高度影响了js在select上的运用,因为select在层中是顶级的div无法覆盖;原理还挺麻烦大家有兴趣可以百度一下div与select的关系;谨慎哦!
本文标签:
很赞哦! ()
相关文章
- 织梦dedecms5.7tags标签显示未审核,字母大写就找不到文章
- dedecms5.7后台首页很卡怎么办
- dedecms5.7通过替换文件升级后所有档案列表为空怎么办
- dedecms5.7编辑器默认回车键换行改为换段落的方法
- dedecms5.7tag标签长度限制怎么修改
- 织梦dedecms5.7版自动给图片添加alt属性的代码实例
- 织梦dedecms5.7栏目列表页翻页URL链接优化
- dedecms5.7织梦软件星级替换成图标星星方法
- dedecms5.7织梦登录后台慢的原因及解决方法
- dedecms5.7织梦文章编辑器bug附件上传图标不显示的方法
- 修改dedecms5.7织梦文章内容关键词长度限制的方法
- 织梦dedecms5.7后台登陆页面广告怎么删除
随机图文
-
织梦dedecms模板及系统程序编码转换将GBK转换为UTF-8格式
我们用织梦建站的朋友经常会遇到编码转换的问题,比如我们购买了模板但是模板编码与现在的程序编码不符,导致出现乱码的情况。今天就来教大家转换织梦DedeCMS -
织梦防止网站被别人采集的方法
站长辛辛苦苦创作的文章,眨眼之间被别人采集去了,你会有什么样的想法呢?如果采集过的文章带有链接,还好,增加了一个外链,但如果被过滤掉了呢? -
织梦dedecms图片集分页标题怎么显示为注释信息
织梦dedecms内容管理系统的图片集分页默认显示标题为:标题 ,标题(2),标题(3)......这样很难看,尤其是用织梦做图片站的时候,这样的话对用户 -
dedecms织梦做网站联系我们页面的经纬度坐标的修改方法
大家在织梦建站中,经常可能需要在联系我们页面加入公司具体的地图信息,比如代码号提供的大多数模板中都有可能出现这个功能,很多新手朋友都不知道如何修改这个地方
留言与评论 (共有 条评论) |