关于hover的问题

来源:5-3 首页.UI组件-UiMenu

慕神9465694

2019-10-24 11:40:57

老师,想问个问题

当鼠标hover在一级菜单,展现出二级菜单的过程中,鼠标离开一级菜单,进入到了二级菜单。此时鼠标在二级菜单中,已经离开了一级菜单,为什么二级菜单还能显示?(不是鼠标要hover在一级菜单上二级才能显示吗?我想是因为二级菜单是一级菜单的子菜单,由于事件冒泡,在二级菜单内hover会触发一级菜单的hover。不知道是不是这样...)

写回答

1回答

好帮手慕星星

2019-10-24

同学你好,

理解的有点问题哦。代码中是通过css伪类hover实现的移入效果,不需要考虑事件冒泡。

这里是因为移入的是父元素(包括一,二级菜单),并不是移入一级菜单:

http://img.mukewang.com/climg/5db14a7709db7b2604860090.jpg

http://img.mukewang.com/climg/5db14a9309f713ea06070225.jpg

所以即使移入二级菜单,仍然可以显示,并没有移出父元素哦。

可以再测试理解下,祝学习愉快!

欢迎采纳~

0

0 学习 · 14456 问题

查看课程

相似问题