Javascript 如何在单个图像上应用4种不同的工具提示

有人能帮助我如何在一个图像上应用4种不同类型的工具提示吗？ 当有人将鼠标移到左上下和右下的图像上时，此时应显示4个不同的工具提示

在这里，我举了一个我需要的例子。它是闪光的，但我不想闪光。

---

如果您有任何想法，请与我分享。

您可以在图像上添加4个透明图像，并在其中应用悬停方法。

我认为您有三种选择

做一些工作并“手动”显示工具提示，例如使用javascript或其他东西的浮动div，可能有很多库可以完成这项工作

将图像拆分为四个，并为每个图像提供一个标题（将显示为鼠标悬停时的工具提示）

用

做老式的

使用

的示例：

这是谷歌的第一个热门搜索，只添加了“title”标签）
我想你是在寻找带有工具提示的图像地图。下面是一个我可以找到的快速示例，您想看到的演示位于页面底部

井图像图也可以构造我。
但这是另一种更简单的方法，无需编写自定义javascript。只需将图像切割成4个不同的部分并对每个部分应用工具提示，或者简单的
将显示一些图像工具提示
 如果您指的是背景移动的方式，那么您给出的示例就不是完全相同的问题，因为这可以通过使用相对于浏览器窗口大小的鼠标位置来实现。
<img src="trees.gif" usemap="#green" border="0">
<map name="green">
  <area title="Save" shape="polygon" coords="19,44,45,11,87,37,82,76,49,98" href="http://www.trees.com/save.html">
  <area title="Furniture" shape="rect" coords="128,132,241,179" href="http://www.trees.com/furniture.html">
  <area title="Plantations" shape="circle" coords="68,211,35" href="http://www.trees.com/plantations.html">
</map>