#html5创建分区响应图#

原理:通过点击某张图片上不同区域让浏览器跳转到不同的URL上。

元素 作用
map 客户分区响应图的关键元素
area 可以有多个,每个各自代表图像上可被点击的一块区域

area元素中的属性
#html5创建分区响应图#
设置map的名字,使图片在map中(图中的input用于定位area,定位后可以删除):
#html5创建分区响应图#

确定位置(当我们点击Ae左边框时,可以看到地址栏对应X=0):
#html5创建分区响应图#
同理依次点击上边框,右边框,下边框,对应的值分别是y=47,x=52,y=99,链接跳转地址为Ae.html
#html5创建分区响应图#
**当我们在图片上点击Ae区域时就会出现点击的小手图标,同时跳转到Ae.html页面,点击Id则不会:
**#html5创建分区响应图#