1. 程式人生 > >導航欄滑鼠懸浮彈出子菜單面板的實現方案

導航欄滑鼠懸浮彈出子菜單面板的實現方案

當滑鼠移動到導航欄某個字塊時,懸浮出一塊子菜單面板

實現:
在導航欄的字塊鑲嵌一塊要懸浮的div,設定display為none。
jquery設定字塊滑鼠懸浮mouseover的事件為:顯示懸浮div(設定display為block),同時獲取導航欄字塊的長度寬度,用於懸浮div的定位。

注意:懸浮div的定位設定為absolute,此時他的top,left相對的不一定是 他的直系上一級,而是 定位同樣為absolute的上一級。