注册 登录
  • 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

解决DEDECMS的二级导航菜单问题

JavaScript 开心洋葱 2821次浏览 已收录 0个评论 手机上查看

解决DEDECMS的二级导航菜单问题

解决方法 :复制如下代码至templets\default\footer.htm开头或者需要二级导航的位置

<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>


已通过测试,兼容主流浏览器

具体实现代码如下:
一级导航实现代码:
<div class="nav" id="navMenu">
    <ul>
       <li><a href='{dede:global.cfg_cmsurl/}/'><span>主页</span></a></li>
       {dede:channel type='top' row='10' currentstyle="<li class='hover'><a href='~typelink~'

~rel~><span>~typename~</span></a></li>"}
       <li><a href='[field:typeurl/]' [field:rel/]><span>[field:typename/]</span></a></li>
       {/dede:channel}
   </ul>
  </div>

二级菜单实现代码:
<div class="menu">
    <div  class="menu_box" id="nav">
   <div class="hide"></div>
  
      <script type='text/javascript' src='{dede:global.cfg_cmsurl/}/images/js/dropdown.js'></script>
{dede:channelartlist typeid='top' cacheid='channelsonlist'}
<div id="dropmenu{dede:field.typeid/}" class="dropMenu">
  {dede:channel type='son' noself='yes'} 
  <a href="[field:typelink/]">[field:typename/]</a>
  {/dede:channel}
</div>
{/dede:channelartlist}
<script type="text/javascript">cssdropdown.startchrome("navMenu")</script>
    </div>
  </div>


预览效果,修改css样式进行优化
对应css代码:
/*——– 下拉菜单 ————–*/
.dropMenu {
    position:absolute;
    top: 0;
    z-index:100;
    width: 120px;
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA, direction=135, strength=4);
    margin-top: -1px;
    border: 1px solid #BADAA1;
    border-top: 0px solid #3CA2DC;
    background-color: #FFF;
    background:url(../images/mmenubg.gif);
    padding-top:6px;
    padding-bottom:6px;
}

如果DEDEcms的二级导航还是没有变化的话,请把dedecms(也就是网站根目录)/data/cache/channelsonlist.inf这个文档清空,然后在后台生成就可以了。


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明解决DEDECMS的二级导航菜单问题
喜欢 (0)
[开心洋葱]
分享 (0)
关于作者:
开心洋葱,开心洋葱头,水墨

您必须 登录 才能发表评论!

……
加载中……