带有超级下拉菜单的两条水平线

Two horizontal lines with Mega Drop Down Menu

本文关键字：两条 水平线 下拉菜单      更新时间：2023-09-26

我正在使用著名的Mega下拉菜单插件。它工作正常，但如果您想制作两行菜单，则无法正常工作。我在这里创建一个例子：jsFiddle 第二行菜单上有一个问题，当你把鼠标悬停在上面时太高了。 谢谢你的帮助。

如果

此菜单设计为以这种方式使用，我并不肯定，但您可以执行以下操作：

$('#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/

相关文章：