【笔记】图像热区链接

发表于 更新于 阅读次数：

前言

图像热区链接是一种特殊的超链接，能实现图片不同区域超链接到不同的链接

图像热区链接

定义一个热区

1
2
3
4
5
6
7
8
<map name="">
  <!-- 圆形，有三个参数，分别是圆心横坐标、圆心纵坐标、半径 -->
  <area shape="circle" coords="x, y, r" href="">
  <!-- 矩形，有两对参数，分别是矩形左上角的横坐标和纵坐标、矩形右下角的横坐标和纵坐标 -->
  <area shape="rect" coords="x1, y1, x2, y2" href="">
  <!-- 多边行，有n对参数，分别是各个顶点的横坐标和纵坐标 -->
  <area shape="poly" coords="x1, y1, x2, y2, x3, y3, ..." href="">
</map>

在图像上指定热区

1
<img usemap="map标签的name值">

完成