<map> 元素實際上創(chuàng)建的地圖圖片，通常遵循后直接 <img /> 元素。它為<area /> element充當一個容器，<area /> element 用于定義可點擊的熱點。<map> element只有一個屬性，即名稱屬性，用于標識映射。這就是為什么 <img /> 元素知道使用哪個 <map> element。

<area> 元素指定坐標定義邊界的形狀和每一個可點擊的熱點。

當鼠標移動到圖像的不同部分時，以下結(jié)合 imagemap 和 JavaScript 在一個文本框里面產(chǎn)生一個消息。

    <html>
    <head>
    <title>Using JavaScript Image Map</title>
    <script type="text/javascript">
    <!--
    function showTutorial(name){
      document.myform.stage.value = name
    }
    //-->
    </script>
    </head>
    <body>
    <form name="myform">
       <input type="text" name="stage" size="20" />
    </form>
    <!-- Create  Mappings -->
    <img src="/images/usemap.gif" alt="HTML Map" 
    border="0" usemap="#tutorials"/>
    <map name="tutorials">
       <area shape="poly" 
    coords="74,0,113,29,98,72,52,72,38,27"
    href="/perl/index.htm" alt="Perl Tutorial"
    target="_self" 
    onMouseOver="showTutorial('perl')" 
    onMouseOut="showTutorial('')"/>
       <area shape="rect" 
    coords="22,83,126,125"
    href="/html/index.htm" alt="HTML Tutorial" 
    target="_self" 
    onMouseOver="showTutorial('html')" 
    onMouseOut="showTutorial('')"/>
       <area shape="circle" 
    coords="73,168,32"
    href="/php/index.htm" alt="PHP Tutorial"
        target="_self" 
    onMouseOver="showTutorial('php')" 
    onMouseOut="showTutorial('')"/>
    </map>
    </body>
    </html>

在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

圖像映射