美文网首页
2019-03-06

2019-03-06

作者: leo_xuezhang | 来源:发表于2019-03-06 21:47 被阅读0次

    今日依旧是在赶寒假任务,今晚的主要内容是制作隐藏的二级菜单,当点击一级菜单时显示二级菜单。

    之前有制作过一次,但这一次依旧是在错在同一个致命的点上。

    制作二级菜单主要参照了下面这个网址。

    https://www.cnblogs.com/wuqianling/p/6762146.html

    以下为实现的主要代码部分,两次出错的地方都是在设置点击一级菜单及显示二级菜单时,给一级li设置了:active后,忘记加 ul 。因为不添加,二级菜单就依旧是上边设置的不显示状态,所以在点击一级菜单的同时应当让二级菜单显现出来。

    /*设置二级菜单隐藏*/

    #top>ul>li>ul {

    display: none;

    position: absolute;

    }

    /*设置点击新建时出现二级菜单*/

    #top>ul>li:active ul{

    display: block;

    }

    效果图如下(右侧“新建”的功效):

相关文章

网友评论

      本文标题:2019-03-06

      本文链接:https://www.haomeiwen.com/subject/yalfpqtx.html