导航栏鼠标悬浮弹出子菜单面板的实现方案

当鼠标移动到导航栏某个字块时,悬浮出一块子菜单面板

实现:
在导航栏的字块镶嵌一块要悬浮的div,设置display为none。
jquery设置字块鼠标悬浮mouseover的事件为:显示悬浮div(设置display为block),同时获取导航栏字块的长度宽度,用于悬浮div的定位。

注意:悬浮div的定位设置为absolute,此时他的top,left相对的不一定是 他的直系上一级,而是 定位同样为absolute的上一级。

猜你喜欢

转载自blog.csdn.net/qq_42862882/article/details/81774446