大家好,相信很多小伙伴会发现一个有趣的现象,当我们浏览一个网页的时候,本来静态的网页,可能因为我们划过某处时,会出现一个列表或者是图片,这里就用到了二级菜单了,接下来我为大家简单讲解一下二级菜单的制作。
image.png
这是一个列表,当划过我的携程这个选项的时候,它的下面会出现一个列表,当我们不把鼠标划过它的时候,这个列表又会隐藏,我们首先要在<li></li>里面建一个盒子,里面写着我们要写的内容
image.png
我们给这个盒子起名为.erji-top1,
我们接下来给它写样式
image.png
我们要给它一个绝对定位,给它的父元素<li>我的携程</li>
一个相对定位,给它设置成隐藏的状态,
image.png
,
然后给li设置划过显示.erji-top1就可以啦