html5-图片热区

最新推荐文章于 2024-09-18 10:24:01 发布

Sunlike阿理旺旺

最新推荐文章于 2024-09-18 10:24:01 发布

阅读量1.7k

点赞数 1

分类专栏： HTML5 css3 文章标签： html5-图片热区

本文链接：https://blog.csdn.net/weixin_39602219/article/details/84967543

版权

HTML5 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

css3

3 篇文章 0 订阅

订阅专栏


<!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、矩形的热区，当点击鼠标右键就可以出现这个选取