📜  HTML DOM Image useMap 属性(1)

📅  最后修改于: 2023-12-03 15:15:33.600000             🧑  作者: Mango

HTML DOM Image useMap 属性

HTML DOM Image 对象的 useMap 属性提供了一种使用图像映射来指定可点击区域的方法。

语法
object.useMap = mapname;
参数
  • 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 属性的值。

参考文献