织梦dedecms 5.7 sp1模板怎么添加下拉菜单

织梦教程 强烈建议 2024-02-26 11:22 99 0

  在织梦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样式是可以任意调整的。

本站资源均来自互联网或会员发布,如果不小心侵犯了您的权益请与我们联系。我们将立即删除!谢谢!