我有一个包含 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>
如您所见,通过将鼠标悬停在紫色区域上,会出现一个工具提示,上面写着“关于我”,如下图所示。
但是,我希望该工具提示是图像而不是现在的文本。这可能吗?如果是这样,我怎样才能做到这一点?