在图像上映射下拉菜单

时间:2010-04-02 19:08:59

标签: javascript html css menu

我有一个略微旋转的菜单栏。这里有两个按钮作为示例:

Menu http://img130.imageshack.us/img130/4820/dropdownf.jpg

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

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

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

3 个答案:

答案 0 :(得分:1)

如何将导航切换成多个图像...每个图像的一个菜单项?然后,您可以构建每个图像的下拉列表,而不是使用图像映射。这也可以为您提供将导航转换为列表的额外好处,这将更具语义性。

答案 1 :(得分:0)

您是否希望下拉菜单在某个角度级联?如果是这样,我认为你在普通的HTML / CSS中运气不好。

如果您对Canvas&amp; SVG有一些选项,但在IE9之前你不会在IE中获得任何支持(仅限SVG,没有Cavas AFAIK)

答案 2 :(得分:0)