服務熱線
153 8323 9821
shape 屬性與 coords 屬性配合,可以規(guī)定區(qū)域的尺寸、形狀和位置。
shape 屬性用于定義圖像映射中對鼠標敏感的區(qū)域的形狀:
shape 屬性的值會影響瀏覽器對 coords 屬性的解釋。如果未使用 shape 屬性,那么會假設使用值 default。依照標準,default 意味著該區(qū)域覆蓋整個圖像。在實際中,瀏覽器默認使用矩形區(qū)域,并期望能找到 4 個 coords 值。如果沒有指定形狀,而且在標簽中也沒有包括 4 個坐標,那么瀏覽器會忽略整個區(qū)域。
可以識別 shape 屬性的 default 值的瀏覽器,可以提供一個包括全部熱點的區(qū)域,以用于在超過其他熱點定義的范圍之外單擊的情況。由于區(qū)域在 <map> 標簽中是采用“先來先得”的順序,所有必須將默認區(qū)域放置在后面。否則,默認區(qū)域會覆蓋其他的圖像映射中出現(xiàn)的所有區(qū)域。
瀏覽器在形狀名稱的實現(xiàn)方面沒有嚴格要求。例如,對于矩形,Netscape 4 不能識別 "rectangle",卻能識別 "rect"。出于這個原因,我們建議使用縮寫的名稱。
如:
<img src ="planets.gif" alt="Planets" usemap ="#planetmap" />
<map name="planetmap">
<area shape="rect" coords="0,0,110,260" href="sun.htm" alt="Sun" />
<area shape="circle" coords="129,161,10" href="mercur.htm" alt="Mercury" />
<area shape="circle" coords="180,139,14" href="venus.htm" alt="Venus" />
</map>
實例地址: