900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 导航栏鼠标悬浮弹出子菜单面板的实现方案

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

时间:2023-06-27 08:12:37

相关推荐

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

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

实现:

在导航栏的字块镶嵌一块要悬浮的div,设置display为none。

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。