先上代码:
<img src=”/upload/image/20160606/20160606175720152015.jpg” usemap=”#planetmap” alt=”Planets” border=”0″ />
<map name=”planetmap” id=”planetmap”>
<area shape=”circle” coords=”136,238,72″ href=”/display.asp?id=661″ target=”_blank” alt=”1″ />
<area shape=”circle” coords=”316,238,72″ href=”/display.asp?id=661″ target=”_blank” alt=”2″ />
<area shape=”circle” coords=”500,238,72″ href=”/display.asp?id=661″ target=”_blank” alt=”3″ />
</map>
<img src=”/upload/image/20160804/20160804085831163116.jpg” usemap=”#planetmap” alt=”Planets” border=”0″ />
<map name=”planetmap” id=”planetmap”>
<area shape=”rect” coords=”0,0,328,253″ href=”/info.asp?base_id=9″ target=”_blank” alt=”1″ />
<area shape=”rect” coords=”668,0,1002,249″ href=”/xundan.asp” target=”_blank” alt=”2″ />
<area shape=”rect” coords=”327,0,667,505″ href=”/info.asp?second_id=9003″ target=”_blank” alt=”3″ />
<area shape=”rect” coords=”0,251,330,505″ href=”/info.asp?base_id=3″ target=”_blank” alt=”4″ />
<area shape=”rect” coords=”669,252,1004,477″ href=”/info.asp?second_id=1002″ target=”_blank” alt=”5″ />
</map>
代码效果网站:xinyan2010.com
这段代码是用来标注在图片的某个位置坐标,半径多少,有个区域是链接,点击就可以链接到相应的位置网页。