我有一个包含GIF的HTML页面,如此jsFiddle所示。
源代码为:
<p class="Output">
<img src="http://i.imgur.com/ywXKLgY.gif" alt="Untitled-4_1.gif" width="540" height="410" style="vertical-align:middle;" usemap="#map_1" />
<map name="map_1">
<area shape="rect" coords="30,132,98,111" title="About Me" href="http://www.wolfram.com" />
</map>
</p>
正如您所看到的,在悬停在紫色区域上方时,会出现一个工具提示,上面写着“关于我”,如下图所示。
但是,我希望那个工具提示是一张图片,而不是现在的文本。这是否可能?如果可以,我该怎么做?