织梦dedecms 5.7 sp1模板怎么添加下拉菜单
以下方法将织梦dedecmsV.V的下拉菜单移植到V.VIIspI.中,实现栏目的下拉菜单.
I.,首页导航栏目可以调用为:
代码示
更多精彩就在: 51免费论文网|www.jxszl.com
例:
首页 [field:typename/]
{dede:channeltype=’top’row=’VI′currentstyle="
{/dede:channel}
II,id="navMenu"这个id是必须有的,在模板中的任何位置添加代码:
代码示例:
{dede:channelartlisttypeid=’top’cacheid=’channelsonlist’}
{dede:channeltype=’son’noself=’yes’}
{/dede:channel}
{/dede:channelartlist}
III,在css样式表中添加:
代码示例:
/*_–下拉菜单__–*/
.dropMenu{
position:absolute;
top:0;
z-index:I.00;
width:VIII0px;
visibility:hidden;
margin-top:-I.px;
border:I.pxsolid#00IIIIIIVIVI;
border-top:0pxsolid#IIICAIIDC;background-color:#FFFFFF;
padding-top:VIpx;
padding-bottom:VIpx;
}
.dropMenuli{
margin-top:IIpx;
margin-bottom:IVpx;
padding-left:0px;
}//www.jbxue.com
.dropMenua{
width:auto;
display:block;
color:black;
padding:IIpx0IIpxI..IIem;
}
*html.dropMenua{
width:I.00%;
}
.dropMenua:hover{
color:red;
text-decoration:underline;
}
这里css样式是可以任意调整的.
完成以上代码,即可在织梦dedecmsV.VIIspI.模板中添加下拉菜单.
原文链接:http://www.jxszl.com/biancheng/dedecms/74961.html
热门阅读