工作中有时我们会需要实现这样一个功能:点击一张背景图的一个或多个区域,将跳转到不同的页面,这就是图片热点链接或称之为图像映射。
举个栗子:
<img src="test.png" usemap="#testmap" alt="" />
<map name="testmap" id="testmap">
<area shape="circle" coords="100,100,100" href="test1.html" alt="" />
<area shape="rect" coords="126,200,300,20" href="test2.html" alt="" />
<area shape="poly" coords="0,100,100,50,60,90" href="test3.html" alt="" /