问题标签 [imagemap]

我想知道如何为类似于此图像的地图进行标记和编码悬停效果。

当每个区域（或部分）被鼠标悬停/触摸/单击时，我需要更改它的颜色而不影响任何其他部分。每个部分的边界必须代表图像，而不是正方形。该解决方案不能使用画布，因为我正在处理的网站必须可以在旧版浏览器中使用（我个人很沮丧。）

理想情况下，我想用 CSS 来做到这一点，而不需要使用太多的 JavaScript 或大量的图像。有没有人这样做过？

编辑：我知道人们建议使用该<area>标签，但是 AFAIK，它不接受 :hover 伪类。

编辑2：我可能会使用这个： http: //www.netzgesta.de/mapper/

我需要 1）更改鼠标悬停时的不透明度以突出显示悬停区域和 2）添加简单的工具提示以显示悬停区域的详细信息。

是否可以？是否有任何 jquery 插件可以让我两者兼得。

非常感谢您的帮助！

我想将内容 ID 设置为当前area的 alt 是什么。

谢谢！

我需要一个方便的 jQuery 工具（插件）来处理地图。

该项目有 narisovanaya 地图，上面标有城市，可能的路线。

例子

我想要：

• 在地图顶部应用路线（在本例中以绿色显示）（img）
• 显示一个包含城市信息的小 div

现在倾向于认为通过画布实现地图会起作用，但不确定是否方便显示带有城市信息的div。

也许有人遇到过类似的问题并帮助我避免错误。

我在执行我的 javascript 时遇到了 IE（谁不是）问题。在 IE8 中将鼠标悬停附加到图像映射是否存在任何已知问题？我没有看到任何类似的帖子。

例如，这是我的一个页面中的 HTML：

很简单。在除 IE 之外的所有浏览器中，这都会执行“淡入淡出”功能以淡入（或淡出）带有一些信息的 div。

函数本身就在这里，但我认为问题不在于函数，而在于鼠标悬停。

谢谢，

-tcm <><

请为我提供任何好的教程或代码链接：
如何在asp.net MVC2.

我的目标是在 paintComponent() 方法中使用 2D 图形绘制多个图像。但是，我不确定如何添加 MouseListener 以便每个图像都知道它是否被选中。

到目前为止，我的解决方案过于简单地记录鼠标单击的坐标，并查看它们是否包含在每个图像的边界内。然而，对于具有更复杂边界的图像，这将是困难的。

另一种选择是创建简单的形状并将它们放置在图像上，但同样具有更复杂边界的图像将是困难的。在 此处找到的关于 SO 的另一个讨论中，有人提到使用 GeneralPath 绘制更复杂的形状。我从来没有玩过is，但这似乎令人鼓舞。

在这 2 个选项中，什么似乎是最好的解决方案，或者是否有其他建议

我有一个带有图像映射的图像，我需要用半透明的 div 和锚点覆盖它。由于图像和图像映射因页面而异，实际代码动态生成图像映射，重用单个 div 和覆盖链接的锚点。

您可以在Fiddle上看到代码的简化版本。我已经很适合让它在 Firefox 和 IE 中运行。就像现在的代码一样，它适用于两者，但是如果您在 IE 中将鼠标缓慢移到黄色框的左侧，则会留下“突出显示” div 的白色背景。每次都会触发 mouseleave 函数——你可以知道你是否取消注释警报——所以看起来问题出在这一行：

当我将 CSS 从高亮 div 的锚点更改为高亮 div 本身时，我在 Firefox 和 IE 中都有挥之不去的 div 问题。使用突出显示 a:hover，它只发生在 IE 和 Firefox 上工作正常。

如果我在高亮框的内联 CSS 中留下“背景颜色：白色”，则代码在 IE 中失败；亮点根本不显示。

我尝试过使用许多不同的方法，包括在 a:hover 伪类和高亮 div 本身之间切换 CSS，在 JQuery 中使用不同的函数，但没有一个在 IE 中可靠工作。

我查看了一些 JQuery 插件，例如 MapHilight，它们会导致我必须使用的其他一些代码出现问题。

谁能看到我缺少什么才能让它在 IE 和其他浏览器中可靠地工作？

我的简单应用程序在图像上排列网络链接，并且根据图像类型，网络链接的数量是不同的。我使用 ImageMap 控件并在热点后面添加代码。坐标和 url 是从数据库中获取的。下面有一段代码：

问题是当我运行应用程序时，我只有一个链接处于活动状态（但在这个特定的 DataTable 对象中有 11 行（链接））。

下面的html代码：

已添加 11 个热点，但每个热点在 url 字符串中具有相同的坐标和 id。谁能向我解释发生了什么以及如何以编程方式向 ImageMap 添加多个热点。

您如何使图像在图像的不同区域中的 HTML 中可点击并导致不同的 URL...例如，如果您愿意，我有一个图像或“按钮”，它是 1 个图像，但我希望它实际上是 2 个链接...按钮的一侧是“注册”，而另一侧是“试用”