今日依旧是在赶寒假任务,今晚的主要内容是制作隐藏的二级菜单,当点击一级菜单时显示二级菜单。
之前有制作过一次,但这一次依旧是在错在同一个致命的点上。
制作二级菜单主要参照了下面这个网址。
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;
}
效果图如下(右侧“新建”的功效):

网友评论