IMG UseMemap atributo link de mapa da China

Autor：Eve Cole Data da Última Atualização：2025-05-06 09:16:01

Tag IMG da HTML: define uma imagem a ser introduzida em uma página da web. Ele também possui um atributo de mapa dos EUA que é muito interessante.

Veja um mapa na página inicial de 51ditu e um mapa da China no meio. Clique com o botão direito do mouse para baixar e ver uma imagem normal.

Mas clicar em províncias no mapa pode iniciar diferentes eventos (ou abrir links diferentes), o que é muito interessante. Acontece que o atributo de mapa dos EUA é usado.

Obviamente, você também precisa definir uma tag de mapa. O código inteiro é o seguinte:

<html> <head> <meta http-equiv = "content-type" content = "text/html; charset = gbk"> <title> img usemap attribption </title> </head> <body> <img src = "http:/img.vevb.Maps/MAPS/CHINMAP.G.G.P) <área da área = "rect" coords = "73,87,103,104" href = "javascript: alert ('xinjiang')"> <área de shape = "ret" coords = "144,125,173,142" href = "javascript: alert (qinghai ')" coords="84,158,115,175" href="javascript:alert('Tibet')"> <area shape="rect" coords="220,90,257,105" href="javascript:alert('Inner Mongolia')"> <area shape="rect" coords="348,45,389,61" href = "javascript: alert ('heilongjiang')"> <área shape = "rect" coords = "346,68,371,83" href = "javascript: alert ('jilin')"> <forma de área = "recrets =" 323,84,3,1,10 href = "javascript: alert ('liaoning')"> <área shape = "ret" coords = "298,100.326,114" href = "javascript: alert ('tianjin')"> <forma de área "" records = "288,120,14,14,13" <área de área = "rect" coords = "268,107.295.121" href = "javascript: alert ('hebei')"> <área shape = "ret" coords = "207,116,235,130" href = "javascript: alert ('ningxia')" coords = "186.162.214.179" href = "javascript: alert ('sichuan')"> <área de área = "rect" coords = "256,142,281,157" href = "javascript: alert ('henan')"> <Sawheance = "" 3 Area "" "Rect =" Javascript: alert ('henan') "> <Sawhead =" Area "" "Rect =" ALERT ('Henan') href = "javascript: alert ('jiangsu')"> <área shape = "rect" coords = "320,162.342,177" href = "javascript: alert ('shanghai')"> <forma = "recret" = "216,16843,8. href = "javascript: alert ('chongqing')"> <área shape = "ret" coords = "250,162,277,177" href = "javascript: alert ('hubei')"> <forma de área = "ret =" "283,161,308.177" " <área de área = "rect" coords = "213,196.239.209" href = "javascript: alert ('guizhou')"> <área de área "rect" coords = "243,183.269,198" href = "javascript: alert ('hunan')" ">" coords = "273.185.299.200" href = "javascript: alert ('jiangxi')"> <área de área = "rect" coords = "308,177,334,193" href = "javasscript: alert ('zhejiang')"> <ormahthe " href = "javascript: alert ('yunnan')"> <área shape = "rect" coords = "227.214.252.228" href = "javascript: alert ('guangxi')"> <shapes = "recrets =" 231,248.27.266 " href = "JavaScript: alert ('Hainan')"> <área shape = "rect" coords = "292.200.319.214" href = "javascript: alert ('fujian')"> <forma de área = "" recret = "259,219,287,23" href = "javascript: alert ('guangdong')"> <área shape = "rect" coords = "244.231.270,246" href = "javascript: alert ('macau')"> <forma da área "" records = "276,2,22,304248" <área de área = "rect" coords = "311,228.338.243" href = "javascript: alert ('taiwan')"> <área shape = "rect" coords = "272,90.302,107" href = "javascript: alert ('beijing') coords = "196,130.222.145" href = "javascript: alert ('gansu')"> <área shape = "rect" coords = "246,116,272,130" href = "javascript: alert ('shanxi')"> <área "scril" " href = "javascript: alert ('shaanxi')"> </pap> </body> </html>

Vários significados de atributo da tag de área na tag do mapa são: http://www.w3school.com.cn/tags/tag_area.asp

Aqui também notaremos o atributo de forma da área, que pode ser selecionado em retângulos, círculos e polígonos. É especialmente importante observar que o atributo Coords deve ser usado em combinação com a forma. As coordenadas no canto superior esquerdo da imagem são 0,0.