如何使用HTML和CSS制作下拉菜单

答案:1 悬赏:50 手机版

解决时间 2021-02-12 15:35

提问者网友：嗝是迷路的屁
2021-02-11 17:19

如何使用HTML和CSS制作下拉菜单

最佳答案

五星知识达人网友：狂恋
2021-02-11 17:30

制作下拉菜单有2种方法：
使用jquery方法实现；实现方法：首先需要引入jquery的版本，引用toggle()的方法，点击当前的一级导航。用this方法来进行当前包含的二级菜单隐藏与显示。

一级菜单

二级菜单
二级菜单
二级菜单
二级菜单

一级菜单

二级菜单
二级菜单
二级菜单
二级菜单
二级菜单

一级菜单

二级菜单

一级菜单

二级菜单

2.使用css的伪类样式hover实现，html结构上面的一样，只需要把二级菜单进行隐藏(display:none);然后在用hover方式，鼠标移上去让当前隐藏的（.menu-tow）进行（display:block）显示，纯css的方式：

3.2种方式都可以实现想要的下拉菜单效果，jquery的实现方式与纯css的实现方式均可以，如果需要有个缓动的动画效果，可以在当前的jquery方式下进行修改，纯css的实现需要用css3的属性来实现。都是很酷炫的（PS：css3的效果只支持ie9及以上）。

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息