ラベルusemapのプロパティ
5043 ワード
htmlのタブを定義します.画像をページに紹介します.また、usemap属性があります.とても面白いです.
51 dituのトップページの中に地図があります.中部に中国地図があります.右クリックしてダウンロードして見たら普通の写真です.
地図上の省をクリックして、異なるイベント(または別のリンクを開く)を出発することができます.とても面白いです.元々はusemap属性を使用していました.
もちろんmapラベルも定義します.コード全体は以下の通りです.
mapラベルの中のaraラベルのいくつかの属性の意味は以下の通りです.http://www.w3school.com.cn/tags/tag_ara.asp
ここではaraのshape属性を覚えます.矩形、円形、多角形があります.特に注意したいのはcoords属性で、shopと組み合わせて使用しなければなりません.画像の左上の座標は「0,0」です.
51 dituのトップページの中に地図があります.中部に中国地図があります.右クリックしてダウンロードして見たら普通の写真です.
地図上の省をクリックして、異なるイベント(または別のリンクを開く)を出発することができます.とても面白いです.元々はusemap属性を使用していました.
もちろんmapラベルも定義します.コード全体は以下の通りです.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>img usemap </title>
</head>
<body>
<img src="http://www.51ditu.com/maps/img/chinamap.gif?n%A3%BDm" usemap="#Map" border="1"/>
<map name="Map" class="maparea">
<area shape="rect" coords="73,87,103,104" href="javascript:alert(' ')">
<area shape="rect" coords="144,125,173,142" href="javascript:alert(' ')">
<area shape="rect" coords="84,158,115,175" href="javascript:alert(' ')">
<area shape="rect" coords="220,90,257,105" href="javascript:alert(' ')">
<area shape="rect" coords="348,45,389,61" href="javascript:alert(' ')">
<area shape="rect" coords="346,68,371,83" href="javascript:alert(' ')">
<area shape="rect" coords="323,84,351,100" href="javascript:alert(' ')">
<area shape="rect" coords="298,100,326,114" href="javascript:alert(' ')">
<area shape="rect" coords="288,120,314,136" href="javascript:alert(' ')">
<area shape="rect" coords="268,107,295,121" href="javascript:alert(' ')">
<area shape="rect" coords="207,116,235,130" href="javascript:alert(' ')">
<area shape="rect" coords="186,162,214,179" href="javascript:alert(' ')">
<area shape="rect" coords="256,142,281,157" href="javascript:alert(' ')">
<area shape="rect" coords="305,144,332,159" href="javascript:alert(' ')">
<area shape="rect" coords="320,162,342,177" href="javascript:alert(' ')">
<area shape="rect" coords="216,168,243,185" href="javascript:alert(' ')">
<area shape="rect" coords="250,162,277,177" href="javascript:alert(' ')">
<area shape="rect" coords="283,161,308,177" href="javascript:alert(' ')">
<area shape="rect" coords="213,196,239,209" href="javascript:alert(' ')">
<area shape="rect" coords="243,183,269,198" href="javascript:alert(' ')">
<area shape="rect" coords="273,185,299,200" href="javascript:alert(' ')">
<area shape="rect" coords="308,177,334,193" href="javascript:alert(' ')">
<area shape="rect" coords="179,210,204,225" href="javascript:alert(' ')">
<area shape="rect" coords="227,214,252,228" href="javascript:alert(' ')">
<area shape="rect" coords="231,248,257,263" href="javascript:alert(' ')">
<area shape="rect" coords="292,200,319,214" href="javascript:alert(' ')">
<area shape="rect" coords="259,219,287,231" href="javascript:alert(' ')">
<area shape="rect" coords="244,231,270,246" href="javascript:alert(' ')">
<area shape="rect" coords="276,232,304,248" href="javascript:alert(' ')">
<area shape="rect" coords="311,228,338,243" href="javascript:alert(' ')">
<area shape="rect" coords="272,90,302,107" href="javascript:alert(' ')">
<area shape="rect" coords="196,130,222,145" href="javascript:alert(' ')">
<area shape="rect" coords="246,116,272,130" href="javascript:alert(' ')">
<area shape="rect" coords="224,136,252,151" href="javascript:alert(' ')">
</map>
</body>
</html>
mapラベルの中のaraラベルのいくつかの属性の意味は以下の通りです.http://www.w3school.com.cn/tags/tag_ara.asp
ここではaraのshape属性を覚えます.矩形、円形、多角形があります.特に注意したいのはcoords属性で、shopと組み合わせて使用しなければなりません.画像の左上の座標は「0,0」です.