在特定点具有 link 的图像

Question

我需要创建一个具有这种功能的网站：

我有一张图片（比如公园区域），所以我必须在这张图片的不同位置创建一个 div，它会产生悬停效果并显示带有图片的文本框（或者可能是 link 到它）。

我的主要疑问是，我不知道如何获取此图像的某些点来创建具有此悬停效果的 div。

Answer 1

请检查以下 URL。希望这可能会有所帮助

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_areamap

http://www.howtocreate.co.uk/tutorials/html/imagemaps

http://www.outsharked.com/imagemapster/

Answer 2

您可以使用 jQuery。请先看看这个link。您可以在图像上获取鼠标 x 和 y 位置。然后在x和y位置，你可以做你想做的。