Javascript 关于在图像上创建工具提示的建议

有没有另一种（更优雅的）方法可以在不使用图像贴图的情况下在图像顶部创建多个工具提示？最好寻找使用jQuery的解决方案，但不是必需的

虽然我知道解决方案存在于图像地图中，但它们看起来太笨重，无法维护。例如，如果图像来自动态源怎么办？该来源是否也必须提供图像地图，然后有人必须事先创建？也许我要求的太多了，但如果有人有更优雅的解决方案，我会非常感激

---

谢谢你的帮助

我理解你的问题，但有两件事我们不能突破

您的图像可能会动态加载

工具提示区域可以是点、框或基本上任何形状（绑定区域的一组坐标）

因为#2，不可能不使用图像地图。但是，如果工具提示区域仅限于点和框，则无需创建图像贴图即可。这并不意味着图像源不必提供任何信息，因为这没有意义，它只是意味着源可以提供一个通用的JSON对象来讨论图像。图像到达客户端后，可以调用编写的函数，在图像顶部创建一个不可见的

div

，并根据收到的数据，创建绑定了

mouseenter（）

的小

div

区域。即使这样，它离图像地图也不远

我想我想说的是，当数据到达客户端时，您不必将数据附加到图像并对其进行处理。这是因为您正在处理这样一个不受限制的图像环境，它可以呈现任何形状，而您的区域可以呈现任何形状

---

我不确定这是否以任何方式回答了您的问题，但通常优雅来自于利用限制，在这种情况下，我们几乎无法处理这些限制

你能想到一些类似注释的东西吗？谢谢你的建议！这是一个非常有趣的想法，确实满足了我提出的一些问题。不幸的是，我必须更灵活地使用这些形状，我不确定在提供动态源时它是否更易于维护，但这仍然是一种很好的方法，不同于传统用法。同意。当我得出这个结论时，我决定把这个问题贴出来。但是说得很好——除非我能摆脱这些限制，否则似乎没有其他选择。谢谢你的回复！