1、一、把所要引用的图片,用代码语言插入进来,例如:<p><a href="茑霁酌绡http://www.baidu.com/" target="_blank"><img src="http://ww1.sinaimg.cn/bmiddle/d2cfdec1jw1ei8yib56t1j20gt0cyabm.jpg" ismap alt="书香一缕"/></a>这段代码的作用就是帮助我们确定图片中像素的点坐标,如图所示:
2、二、利用这些像素点的返回值,我们就可以在这张图片中圈定指定的范围,链接到我们想要的说明了,比如:圆形、矩形、三角形这三个区域,分别要实现的链接文字是“书香一缕”、“导航栏”、“城堡”,那利用的代码指令就分别是:circle、rect、poly。
3、三、这段代码该怎么编老揉孟阼写呢,现提供范本如下,供读者检验:<p><img src="http多唉捋胝://ww1.sinaimg.cn/bmiddle/d2cfdec1jw1ei8yib56t1j20gt0cyabm.jpg" usemap="#雪" alt="雪域"/><map name="雪" id="雪"><area shape="circle" coords="168,48,36" href="http://user.qzone.qq.com/314402846/main" target="_blank" alt="书香一缕"/><area shape="rect" coords="110,102,436,128" href="http://user.qzone.qq.com/314402846/main" target="_blank" alt="导航栏"/><area shape="poly" coords="319,219,401,273,265,273" href="http://user.qzone.qq.com/314402846/main" target="_blank" alt="城堡"/></map></p>
4、看看这些灰色线条圈起的区域,是不是实现了指定性描述,觉得有用,就给个赞吧,谢谢您的阅读!