悬停在图像地图上的弹出图像

时间:2017-01-19 11:22:52

标签: html popup tooltip

我有一个显示标题工具提示的图像地图。这很完美,没有任何问题。



    <html>

<map name="eyfsplayarea">
  <area shape="circle" coords="930,300,65" alt="The Mud Kitchen and Digging Zone" title="The Mud Kitchen and Digging Zone">
  <area shape="circle" coords="800,220,50" alt="The Niagara Channelling System, Water Table and Water Wall" title="The Niagara Channelling System, Water Table and Water Wall">
  <area shape="circle" coords="890,180,20" alt="The Sand Tray" title="The Sand Tray">
  <area shape="rect" coords="323,150,850,100" alt="A Sheltered Covered Area Linked to the Building" title="A Sheltered Covered Area Linked to the Building">
  <area shape="circle" coords="600,200,40" alt="A Roadway, Numeracy and Literacy Zone" title="A Roadway, Numeracy and Literacy Zone">
  <area shape="circle" coords="400,300,60" alt="Physical Development and Role Play Zone" title="Physical Development and Role Play Zone">
  <area shape="circle" coords="690,300,90" alt="Physical Development and Role Play Zone" title="Physical Development and Role Play Zone">
  <area shape="circle" coords="160,440,80" alt="The Storytellers Chair, Phonics and Mark Making Zone" title="The Storytellers Chair, Phonics and Mark Making Zone">
  <area shape="circle" coords="244,190,54" alt="Role Play House with Chalkboard" title="Role Play House with Chalkboard">
  <area shape="circle" coords="420,430,70" alt="Den Posts" title="Den Posts">
  <area shape="circle" coords="950,440,60" alt="The Language Lounge" title="The Language Lounge">
</map>

<img src="/EYFS-Outdoor-Play-and-Learning2.jpg" width="1621" height="725" alt="EYFS Play and Learning" usemap="#eyfsplayarea">

</html>
&#13;
&#13;
&#13;

这是我使用工具提示所理解的标准图像地图。但是,我想将工具提示更改为更大的文本块(包括长描述)或更改为包含文本和图形的图像。我发现了很多我修改过的例子,但是他们要么对我没有任何作用,要么将图像作为链接,点击后在新标签中查看。

&#13;
&#13;
<map id="feb1050" name="feb1050">
<area shape="rect" alt="" coords="464,170,588,263" HREF="../img/feb1050.jpg" onMouseOver="pop(event);"  onMouseOut="pop(event);"/>
...</map>
&#13;
&#13;
&#13;

我觉得我已经接近但却无法完全看清楚。有什么想法吗?

0 个答案:

没有答案
相关问题