织梦dedecms 5.7 sp1模板怎么添加下拉菜单
在织梦dedecms5.5中官方模板里设置了下拉菜单的显示,但是之后的几个版本里面下拉菜单就没有再用在模板上了。
以下方法将织梦dedecms5.5的下拉菜单移植到5.7sp1中,实现栏目的下拉菜单。
1,首页导航栏目可以调用为:
代码示例:
2,id=”navMenu”这个id是必须有的,在模板中的任何位置添加代码:
代码示例:
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样式是可以任意调整的。
本站资源均来自互联网或会员发布,如果不小心侵犯了您的权益请与我们联系。我们将立即删除!谢谢!