img usemap แอตทริบิวต์ลิงค์แผนที่จีน

ผู้เขียน：Eve Cole เวลาอัปเดต：2025-05-06 09:16:01

แท็ก IMG ของ HTML: กำหนดรูปภาพที่จะแนะนำในหน้าเว็บ นอกจากนี้ยังมีคุณลักษณะ USEMAP ที่น่าสนใจมาก

ดูแผนที่ในหน้าแรก 51ditu และแผนที่ของจีนตรงกลาง คลิกขวาที่จะดาวน์โหลดและดูภาพปกติ

แต่การคลิกที่จังหวัดบนแผนที่สามารถเริ่มกิจกรรมที่แตกต่างกัน (หรือเปิดลิงก์ที่แตกต่างกัน) ซึ่งน่าสนใจมาก ปรากฎว่าใช้แอตทริบิวต์ USEMAP

แน่นอนคุณต้องกำหนดแท็กแผนที่ รหัสทั้งหมดมีดังนี้:

<html> <head> <meta http-equiv = "content-type" content = "text/html; charset = gbk"> <title> img usemap แอตทริบิวต์ </title> </head> <body> <img src = "http://img.vevb.com/maps <shape areal = "rect" coords = "73,87,103,104" href = "javascript: การแจ้งเตือน ('xinjiang')"> <shape areal = "rect" coords = "144,125,173,142" href = "JavaScript coords = "84,158,115,175" href = "JavaScript: การแจ้งเตือน ('ทิเบต')"> <shape aream = "rect" coords = "220,90,257,105" href = "JavaScript: การแจ้งเตือน ('Mongolia') href = "JavaScript: Alert ('Heilongjiang')"> <shape areal = "rect" coords = "346,68,371,83" href = "JavaScript: การแจ้งเตือน ('Jilin')" HREF = "JavaScript: Alert ('LIAONING')"> <areal shape = "rect" coords = "298,100,326,114" href = "JavaScript: การแจ้งเตือน ( HREF = "JavaScript: Alert ('Shandong')"> <shape areal = "rect" coords = "268,107,295,121" href = "JavaScript: Alert ('Hebei')" areal = "rect" coords = "207,116,235,130" <shape areal = "rect" coords = "186,162,214,179" href = "JavaScript: Alert ('Sichuan')"> <shape Area = "rect" coords = "256,142,281,157" Href = "Javascript Coords = "305,144,332,159" href = "JavaScript: Alert ('Jiangsu')"> <shape aream = "rect" coords = "320,162,342,177" Href = "JavaScript Coords = "216,168,243,185" href = "JavaScript: Alert ('Chongqing')"> <shape aream = "rect" coords = "250,162,277,177" href = "JavaScript: Alert ('Hubei' HREF = "JavaScript: Alert ('Anhui')"> <areal shape = "rect" coords = "213,196,239,209" href = "JavaScript: การแจ้งเตือน ('Guizhou')" href = "JavaScript: Alert ('Hunan')"> <shape areal = "rect" coords = "273,185,299,200" href = "JavaScript: Alert ('Jiangxi')"> <shape Area = "rect" href = "JavaScript: การแจ้งเตือน ('Zhejiang')"> <shape areal = "rect" coords = "179,210,204,225" href = "JavaScript: การแจ้งเตือน ('Yunnan')" HREF = "JavaScript: Alert ('Guangxi')"> <areal shape = "rect" coords = "231,248,257,263" href = "JavaScript: Alert ('Hainan')" HREF = "JavaScript: Alert ('Fujian')"> <areal shape = "rect" coords = "259,219,287,231" href = "JavaScript: การแจ้งเตือน ('Guangdong')" href = "JavaScript: Alert ('Macau')"> <shape areal = "rect" coords = "276,232,304,248" href = "JavaScript: Alert ('Hong Kong')"> <shape aream = "rect" HREF = "JavaScript: Alert ('Taiwan')"> <shape areal = "rect" coords = "272,90,302,107" href = "JavaScript: การแจ้งเตือน ('Beijing')" areal = "rect" coords = "196,130,130,222,145" shape = "rect" coords = "246,116,272,130" href = "javascript: การแจ้งเตือน ('shanxi')"> <shape areal = "rect" coords = "224,136,252,151" href = "JavaScript

ความหมายหลายอย่างของแท็กพื้นที่ในแท็กแผนที่คือ: http://www.w3school.com.cn/tags/tag_area.asp

ที่นี่เราจะบันทึกแอตทริบิวต์รูปร่างของพื้นที่ซึ่งสามารถเลือกได้จากรูปสี่เหลี่ยมผืนผ้าวงกลมและรูปหลายเหลี่ยม เป็นสิ่งสำคัญอย่างยิ่งที่จะต้องทราบว่าแอตทริบิวต์ Coords จะต้องใช้ร่วมกับรูปร่าง พิกัดที่มุมซ้ายบนของภาพคือ 0,0