DEDECMS v5.7 实现导航条下拉二级菜单

曾经终败给现在 2022-12-11 13:57 209阅读 0赞

### 1、将下面这段代码贴到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>

刷新网页发现已经神奇地出现了下拉菜单，但此时是透明的，因为缺少一个下拉菜单图片。，原因是没有背景图片。  
![在这里插入图片描述][20201002195738563.png_pic_center]

### 2，修改css ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc5NzE4Mg_size_16_color_FFFFFF_t_70_pic_center]

[20201002195738563.png_pic_center]: /images/20221123/8fbe417bb7234d2aa8d4f2eb845d71e6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc5NzE4Mg_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/72f577eada424bc291b00d3dc027029a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，209人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS实现的大型导航下拉菜单

阅读目录阐述 HTML结构 CSS 预览阐述这是一款纯 CSS 实现的大型导航下拉菜单。该大型菜单使用 HTML

冷不防/ 2023年10月06日 23:49/ 0 赞/ 27 阅读

相关 jq实现二级菜单/下拉菜单

[https://www.cnblogs.com/sandraryan/][https_www.cnblogs.com_sandraryan] 不是很难，直接上代码~ 有写

女爷i/ 2023年06月05日 08:08/ 0 赞/ 25 阅读

相关 DEDECMS v5.7 实现导航条下拉二级菜单

1、将下面这段代码贴到templets\\default\\footer.htm文件里（只要在此文件里就行，位置无所谓啦！自己看着办！） <!-- //二级子类下

曾经终败给现在/ 2022年12月11日 13:57/ 0 赞/ 210 阅读

相关 DedeCMS导航下拉菜单

DedeCMS 导航下拉菜单是一个非常经典的js下拉菜单，有两个效果值得借用：淡入淡出效果。DedeCMS导航下拉菜单有轻微的淡入淡出效果，这是通过setTimeout()方

阳光穿透心脏的1/2处/ 2022年09月29日 05:29/ 0 赞/ 265 阅读

相关实现导航栏下拉菜单列表页面

1.wxml页面代码：  < view class = "tabTit box tc bg\_f"> < view class = "fle

刺骨的言语ヽ痛彻心扉/ 2022年05月27日 00:53/ 0 赞/ 376 阅读

相关二级以下下拉菜单

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

系统管理员/ 2022年05月19日 05:10/ 0 赞/ 275 阅读

相关下拉菜单--二级联动菜单练习

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

系统管理员/ 2022年05月14日 13:42/ 0 赞/ 300 阅读

相关 jquery实现二级导航下拉菜单效果实例

大家都知道jQuery是一个框架，它对JS进行了封装，使其更方便使用。前面两篇博文分别是用CSS样式和JS实现的，那么这篇就用jQuery来实现二级下拉式菜单。使用JQue

不念不忘少年蓝@/ 2022年01月28日 23:59/ 0 赞/ 399 阅读

相关导航下拉菜单效果

以下是首页包含的TOP.htm文件 <link href="js/menu\_style.css" rel="stylesheet" type="text/css" />

港控/mmm°/ 2021年12月20日 02:11/ 0 赞/ 414 阅读

相关 DeDeCMS中如何实现下拉菜单

在5.7版本，已经有比较简单的方法实现下拉菜单，我们可以用它已有方法，也可以用我写的第二种方法来实现 1. 在需要下拉菜单的地方加入以下代码 <div

爱被打了一巴掌/ 2021年11月19日 14:52/ 0 赞/ 308 阅读