用CSS中的map标签制作单图多区域点击的示例

map标签

定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。

    area元素永远嵌套在map元素内部。area元素可定义图像映射中的区域。
    img标签中的usemap属性可引用的map标签中的id或name属性（取决于浏览器），所以我们应同时向map标签添加id和name属性。

示例

例如我们想在下面一张图实现九个热点区域，不切图，就使用map标签。

首先用 ps 得到几个坐标：

然后代码实现：

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表