2012-04-20 9 views
2

私はいくつかの領域でイメージマップを作成したいと思います。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>