點擊圖片指定地方進跳轉不一樣連接

時間 2019-12-08

標籤點擊圖片指定地方不一樣連接简体版

原文原文鏈接

<html>html

　　<body>ide

　　　　<img src="APP banner1.jpg" border="0" usemap="#planetmap" alt="Planets" />ui

　　　　<map name="planetmap" id="planetmap">htm

　　　　　　<area shape="circle" coords="180,139,14" href ="www.baidu.com" target="_blank" alt="Venus"/>blog

　　　　　　<area shape="circle" coords="129,161,10" href ="www.taobao.com" target="_blank" alt="Mercury" />ci

　　　　　　<area shape="poly" coords="1000,200,1200,200,1100,400" href="www.baidu.com" />get

　　　　　　<area shape="circle" coords="1000,200,20" href ="https://www.baidu.com/" target="_blank" alt="Sun" />it

　　　　</map>class

　　</body>
</html>map

shape屬性與coords屬性配合，能夠規定區域的尺寸/形狀和位置。
shape屬性用於定義圖像映射中隊鼠標敏感區域的形狀，<a>和<area>具備此屬性。
default：規定所有區域。
圓形：circ或circle
多邊形：poly或polygon
矩形：rect或rectangle

coords屬性規定區域的x和y座標。圖像左上角的座標是「0，0」。<a>和<area>具備此屬性。
圓形：shape=「circle」，coords=「x,y,r」
這裏的x和y定義了圓心的位置，r是以像素爲單位的圓形半徑。
多邊形：shape=「polygon」，coords=「x1,y1,x2,y2,x3,y3,...」
每一對「x,y」座標都定義了多邊形的一個頂點。定義三角形至少須要三組座標；高緯多邊形則須要更多數量的頂點。
多邊形會自動封閉，隱藏在列表的結尾不須要重複第一個座標來閉合整個區域。

矩形：shape=「rectangle」，coords=「x1,y1,x2,y2」
第一個座標是矩形的一個角的頂點座標，另外一對座標是對角的頂點座標，「0，0」是圖像左上角的座標。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。