手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

JavaScript下拉菜单

时间:2024-10-11 23:24:00

1、首先写好以下html代码

JavaScript下拉菜单

2、接着写好相应的css样式

JavaScript下拉菜单

3、获取ul里的第一个li

JavaScript下拉菜单

4、当鼠标经过显示下拉菜单,反之则不出现

JavaScript下拉菜单

5、打开浏览器查看效果

JavaScript下拉菜单

6、总结:获取ul中的第一个li,鼠标经过就显示第二个ul中的内容,移开就不出现

JavaScript下拉菜单
© 手抄报圈