来源:js中图片点击区域的实现 - javascript - SegmentFault
map标签
定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。
area
元素永远嵌套在map
元素内部。area
元素可定义图像映射中的区域。img
标签中的usemap
属性可引用的map标签中的id
或name
属性(取决于浏览器),所以我们应同时向map
标签添加id
和name
属性。
示例
例如我们想在下面一张图实现九个热点区域,不切图,就使用map
标签。
首先用 ps 得到几个坐标:
然后代码实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>