css - superfish 菜单子(monad)菜单居中

标签 css navbar superfish

我已将 Superfish 导航栏菜单置于页面的中心,但正在努力寻找一种方法将第一级子菜单置于页面的中心。

我无法在这里发布图片,因为我没有 10 个声誉。

最佳答案

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

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

function 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>

关于css - superfish 菜单子(monad)菜单居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17694897/

相关文章:

css - Superfish 菜单右对齐

html - 强制用户代理样式表

css - 如何使两列高度相同 - Zurb INK

php - wordpress中不同帖子的背景颜色\

css - Chrome 和 Bootstrap 固定导航栏

css - 为什么导航栏中不显示 github 图标?

html - 需要帮助导航栏通知按钮

google-chrome-extension - 如何删除 superfish.com 的 SF Visual Search 横幅

jquery - IE 7 的 Superfish z-index 问题

CSS - 图像和页脚问题