影象對映簡介

描述

影象對映是具有可點選區域的影象，通常用作超連結。

影象由 <img> 標籤定義，地圖由帶有 <area> 標籤的 <map> 標籤定義，以表示每個可點選區域。使用 usemap 和 name 屬性繫結影象和地圖。

基本例子

要建立影象對映，以便下面影象中的每個形狀都是可單擊的：

程式碼如下：

<img src="http://jaced.com/blogpix/2007/trisquarecircle/002.gif" usemap="#shapes">
<map name="shapes">
    <area shape="polygon" coords="79,6,5,134,153,134">
    <area shape="rectangle" coords="177,6,306,134">
    <area shape="circle" coords="397,71,65">
</map>

你應該看到瀏覽器識別游標變為指標時的區域。檢視 JSFiddle 上的現場演示 ，或參見下面的演示：