Javascript 如何使图像具有交互性？

我一直在试图弄清楚如何让一张图片有不同的点，用户可以点击一个点，它就会显示一个描述。 这和互动地图的概念是一样的，只是它不是地图，它只是一张图片。图像将是一个网站

类似于这个代码笔（scarl3tt/details/jEBmyG）的东西，但我无法让它与不同的图像一起工作

我对CSS、HTML或JS都不熟练。然而，我对CSS和HMTL都相当好

所以我想知道，我该如何编码？或者有没有自动生成代码的工具

提前谢谢

---

Joe

凭借您的技能，您应该通过简单的js id hover/onclick捕捉来使用和捕捉基本行为

---

有用的地图生成器可以在google中找到。

凭借您的技能，您应该使用并通过简单的js id hover/onclick捕捉捕捉基本行为

可以在google中找到有用的地图生成器。

您应该使用和标记创建一个

网上也有很多发电机，只要做一个简单的测试就可以了

您还可以查看更多用于创建图像地图的工具

您应该使用和标记创建图像地图

网上也有很多发电机，只要做一个简单的测试就可以了

---

您还可以查看用于创建图像贴图的更多工具

您可以使用图像贴图：将一些元素放置在图像上（最有可能是绝对定位），并将单击事件附加到这些元素上-您说过您试图让codepen示例使用不同的图像，但没有成功，你能告诉我你在codepen或JSFIDLE上试过什么吗？你所有的答案都是令人敬畏的欢呼，乔纳森、爱斯基摩人和安东尼奥！您可以使用imagemap：将一些元素放置在图像上（最有可能是绝对定位），并向它们附加一个单击事件-您说过您试图让codepen示例使用不同的图像，但没有成功，您可以告诉我们您在codepen或JSFIDLE上尝试过的内容吗？您所有的答案都非常棒，Jonathan，爱斯基摩人和安东尼奥！谢谢其他问题很有帮助，干杯！谢谢其他问题很有帮助，干杯！我会查看的，谢谢Daniel:）我推荐JQuery和.find on document；）我会查看的，谢谢Daniel:）我推荐JQuery和.find on document；）