帶有Mega下拉菜單的兩條水平線

Question

我從這里使用著名的Mega Drop Down Menu插件。 它工作正常，但如果要制作兩行菜單，則不能。 我在這里創建一個示例： jsFiddle當您將鼠標懸停在第二行菜單上時，它的高度太高了。 謝謝你的幫助。

Answer 1

如果此菜單旨在以這種方式使用，我並不滿意，但是您可以執行以下操作：

$('#mega-menu-1').dcMegaMenu({
    rowItems: '3',
    speed: 0,
    effect: 'slide',
    event: 'hover',
    fullWidth: true,
    beforeOpen: function() {
        $(this).find(".mega").css("top", 40 + $(this).offset().top-$(this).parent().offset().top);
    }
});

基本上改變菜單頂部beforeOpen根據所選擇的菜單項的偏移。

http://jsfiddle.net/r0m4n/HJGFW/10/