📅  最后修改于: 2023-12-03 15:15:33.600000             🧑  作者: Mango
HTML DOM Image 对象的 useMap 属性提供了一种使用图像映射来指定可点击区域的方法。
object.useMap = mapname;
以下示例展示如何使用 useMap 属性指定一个图像映射:
<!DOCTYPE html>
<html>
<body>
<img src="planets.gif" useMap="#planetmap" border="0">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
</body>
</html>
这里,使用 useMap
指定一个名为 "planetmap" 的图像映射。该图像映射包含三个可点击区域。每个区域都具有其形状("rect" 或 "circle")和坐标。当用户点击某个区域时,将会导航到指定的页面。
如果使用 useMap
属性,<img>
元素的 ismap
属性必须设置为 true
。
useMap
属性的值必须与 map
标签中的 name
属性相匹配。
useMap
属性的值必须包含 "#" 字符,后跟 map
标签的 name
属性的值。