css - 超级鱼菜单子菜单居中

Question

我已将 Superfish 导航栏菜单居中在页面上，但努力寻找一种方法将页面上的第一级子菜单居中。

我无法在此处发布图片，因为我没有 10 名声望。

Answer 1

这是一个很好的解决方法：

第 1 步： 创建一个 Javascript 函数来替换子菜单。像这样的东西：

函数 DisplaceSubMenu(myDistance){

 document.getElementById("mySubMenu").style.margin-left= -myDistance;

}

记住：你必须给无序列表一个“mySubMenu”的id。

第 2 步： 将鼠标悬停在“主页”或“服务”上时调用 Javascript 函数，因为它们包含子菜单。您进行相同的调用，但将“myDistance”属性作为自定义距离传递（尝试和错误）。这是一个例子：

<a href="/" class="sf-with-ul" onmouseover="DisplaceSubMenu(30);">Home</a>