imagemap onMouseOver解决方案

我想创建少数区域的图像地图。imagemap onMouseOver解决方案

<img src="map.png" alt="map" usemap="#planetmap" /> 

<map name="planetmap" id="map"> 
    <area onMouseover="showtext('New York!')" 
     shape="circle" 
     coords="90,58,3" 
     href="#" alt="NY"/> 
</map>

我希望文本显示出来，当克服形状（如提示）。你能告诉我问题在哪里吗？我发现与CSS/JavaScript的组合解决方案，但我更喜欢最简单的解决方案。

谢谢。

尤拉伊

来源

2012-04-20 Serv0

这可能是最简单的：'<区域标题= “！纽约” ...'看来你忘了发表您的'showtext（） ' - code;）。 – Teemu 2012-04-20 09:36:37

试试这个

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; 
      charset=iso-8859-1" /> 
     <title>Map Document</title> 
     <script type="text/javascript"> 
      function showtext(text){ 
       alert(text); 
      } 
     </script> 
    </head> 

    <body> 
     <img src="map.png" width="145" height="126" alt="Map" 
      usemap="#planetmap" /> 

     <map name="planetmap" id="map"> 
      <area shape="circle" 
        coords="90,58,3" 
        alt="Venus" 
        href="#" 
        onmouseover="showtext('New York!')" /> 
     </map> 
    </body> 
</html>

来源

2012-04-20 11:39:36 srini

imagemap onMouseOver解决方案

回答

相关问题