#html5创建分区响应图#
原理:通过点击某张图片上不同区域让浏览器跳转到不同的URL上。
元素 | 作用 |
---|---|
map | 客户分区响应图的关键元素 |
area | 可以有多个,每个各自代表图像上可被点击的一块区域 |
area元素中的属性:
设置map的名字,使图片在map中(图中的input用于定位area,定位后可以删除):
确定位置(当我们点击Ae左边框时,可以看到地址栏对应X=0):
同理依次点击上边框,右边框,下边框,对应的值分别是y=47,x=52,y=99,链接跳转地址为Ae.html
**当我们在图片上点击Ae区域时就会出现点击的小手图标,同时跳转到Ae.html页面,点击Id则不会:
**