2012-04-20 3 views
2

Я хочу создать imagemap с несколькими областями.imagemap onMouseOver solution

<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, но я предпочитаю самое простое решение.

спасибо.

Юрай

+0

Это может быть, самый простейший: '<область название = "! Нью-Йорк" ...' Кажется, ты забыл опубликовать свой 'ShowText() '-code;). – Teemu

ответ

0

попробовать это

<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> 
Смежные вопросы