HTML5----热区（在图片img上第一超链接选区）

时间：2017-07-23 18:06:28 阅读：322 评论：0 收藏：0 [点我收藏+]

标签：char rds 连接 log script map 链接 html javascrip


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title>热区</title>
</head>
<body>
    <img src="imgs/bg.png" useMap = "#link-map">
    <map name = ‘link-map‘>
    	<area shape="rect" coords="47,307,351,413" href="http://www.baidu.com">
    	<area shape="circle" coords="600,600,200" href ="http://www.jd.com" alt="Mercury" />
    	<area shape="poly" coords="0,0,200,0,200,200,100,300,0,200" href="http://www.taobao.com">
    </map>
</body>
</html>

<!-- 
   热区：
   1、分类有矩形，圆形，多边形
   2、矩形只用两个对角的坐标
   3、圆形只要圆心坐标和半径
   4、多边形要按照连接顺序来排坐标

 -->

1、矩形的热区，当点击鼠标右键就可以出现这个选取

　技术分享