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

muban大师

在织梦dedecms5.5中官方模板里设置了下拉菜单的显示，但是之后的几个版本里面下拉菜单就没有再用在模板上了。
         
        以下方法将织梦dedecms5.5的下拉菜单移植到5.7sp1中，实现栏目的下拉菜单。
         
        1，首页导航栏目可以调用为：
         
        代码示例:
       
       
        [*,[url=,首页[/url]
        {dede:channel type=’top’ row=’6′ currentstyle=”[url=,~typename~[/url]”}
        [*,[url=,[field:typename/][/url]
        {/dede:channel}
       
       
        2，id=”navMenu”这个id是必须有的，在模板中的任何位置添加代码：
         
        代码示例:
       
        {dede:channelartlist typeid=’top’ cacheid=’channelsonlist’}
        {dede:channel type=’son’ noself=’yes’}  [*,[url=,[field:typename/][/url]
        {/dede:channel}
       
        {/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样式是可以任意调整的。
         
        完成以上代码，即可在织梦dedecms5.7sp1模板中添加下拉菜单。