例
在使用shape和coords屬性在<a>元素,創建圖像映射:
<object data="planets.gif" alt="Planets"
type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,82,126">The
Sun</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">Mercury</a>
<a href="venus.htm" shape="circle" coords="124,58,8">Venus</a>
</map>
</object>
試一試» 定義和用法
該<a> coords屬性不支持HTML5。
該coords屬性與一起使用shape屬性來指定在一個在大小,形狀,和鏈路放置<object>或<img>的元素。
的左上角的坐標是0,0。
提示:要創建圖像映射在所有瀏覽器的工作原理,使用<area>元素!
瀏覽器支持
屬性 | |||||
---|---|---|---|---|---|
coords | 不支持 | 不支持 | 是 | 不支持 | 是 |
句法
<a coords="value">
屬性值
值 | 描述 |
---|---|
x1,y1,x2,y2 | 如果該shape屬性被設置為"rect" ,它規定了左上角的坐標和矩形的右下角 |
x,y,radius | 如果該shape屬性被設置為"circle"時,它指定圓心和半徑的坐標 |
x1,y1,x2,y2,..,xn,yn | 如果該shape屬性被設置為"poly"時,它指定所述多邊形的邊的坐標。 如果第一個和最後坐標對是不一樣的,瀏覽器必須添加一對最後坐標到閉合多邊形 |