jquery制作二级下拉菜单
1、首先创建一个一级菜单

3、运行,查看一级菜单效果。

5、为二级菜单设置样式

7、首先将二级菜单的显示属性设为隐藏。因为我们想要的效果是当鼠标移上去时,二级菜单才下拉显示

9、在html文件中引入jq库,并书写jq脚本。第一种用到的是mouseenter和mouseleave事件。第二种用到的是hover事件。

10、运行查看最终效果。可以看到,鼠标移上去时,二级菜单下拉显示。


1、首先创建一个一级菜单
3、运行,查看一级菜单效果。
5、为二级菜单设置样式
7、首先将二级菜单的显示属性设为隐藏。因为我们想要的效果是当鼠标移上去时,二级菜单才下拉显示
9、在html文件中引入jq库,并书写jq脚本。第一种用到的是mouseenter和mouseleave事件。第二种用到的是hover事件。
10、运行查看最终效果。可以看到,鼠标移上去时,二级菜单下拉显示。