dede下拉菜单
发布时间:2021-12-14 14:42 所属栏目:19 来源:互联网
导读:dede5.6横向下拉菜单,在网上看了很多的东西,说是dede从5.6没有下拉的菜单.因为要帮别人做一个站.就研究了一下. 首先是和别人的一样,按这样的步骤先操作下,将这段代码贴到templets/default/footer.htm文件里. !-- //二级子类下拉菜单,考虑SEO原因放置于底部 -
dede5.6横向下拉菜单,在网上看了很多的东西,说是dede从5.6没有下拉的菜单.因为要帮别人做一个站.就研究了一下. 首先是和别人的一样,按这样的步骤先操作下,将这段代码贴到templets/default/footer.htm文件里. <!-- //二级子类下拉菜单,考虑SEO原因放置于底部 --> <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/}" class="dropMenu"> {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,让它也成为横向的就行了. 在http://localhost/templets/default/style/dedecms.css中的大概是366行,修改为: .dropMenu { position:absolute; top: 0; z-index:100; width: auto; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA, direction=135, strength=4); margin-top: -1px; border: 1px solid #93E1EB; border-top: 0px solid #3CA2DC; background-color: #FFF; background:url(../images/mmenubg.gif); padding-top:6px; padding-bottom:6px; } .dropMenu li { margin-top:2px; margin-bottom:4px; padding-left:3px; padding-right:3px; float:left; }//开源软件:Cuoxin.com (编辑:ASP站长网) |
相关内容
网友评论
推荐文章
热点阅读