鼠标显示下滑隐藏栏目
发布网友
发布时间:2023-02-09 04:11
我来回答
共1个回答
热心网友
时间:2023-02-09 05:40
下拉菜单的显示隐藏只需要设置display的属性就好了,在这个功能中的核心问题是,下拉菜单的位置
结合实际来考虑,下拉菜单和头像需要放在同一容器中。当用户打开下拉菜单需要使用其中的功能时,鼠标位置必然转移,若此时离开头像所在容器的范围,就会触发onmouseout()事件,调用函数,下拉菜单收起。因此头像和下拉菜单必须存放在同一容器中
不同容器的效果图放在文章最后