javascript - 在图像上映射下拉菜单

标签 javascript html css menu

我有一个稍微旋转的菜单栏。下面以两个按钮为例:

Menu

因此,我无法使用常规 HTML 来处理此问题。我需要使用 <map>在菜单部分放置超链接。 (或者我错过了一个我不知道的 killer 级 CSS 功能?)

我想将下拉菜单映射到这些按钮。这看起来是实现下拉菜单的好方法:http://javascript-array.com/scripts/simple_drop_down_menu/

但是,这不适用于 <map> s,我相信。还是我错了?我可以采用不同的方法为未水平对齐的菜单栏构建下拉菜单吗?

最佳答案

如何将导航分割成多个图像……每个图像一个菜单项?然后您可以构建每个图像的下拉列表,而不是使用图像映射。这也会给您带来额外的好处,将您的导航变成一个列表,这将更具语义。

关于javascript - 在图像上映射下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2568608/

相关文章:

javascript - 浏览器/JavaScript同源策略如何应用于二级域名?

javascript删除动态添加的div

php - 溢出 : hidden pushes text down

css - 带有 bootstrap 4 的溢出容器

javascript - 相对于其直接父元素放置绝对定位元素

javascript - 如何确保 Angular 模块依赖关系得到解决?

javascript - ScrollMagic 引脚在 TimelineMax 中不起作用

jquery - 类型错误 : undefined

jquery - 在 Firefox 中幻灯片过渡模糊了它上面的元素

jquery - div 鼠标进入时显示,鼠标移出时隐藏