图片热点区域超链接
图片热点区域超链接2010-11-02 15：03如果用a href=""img src="图片
文件地址"/a的形式定义超链接，则该超链接是加在整张图片上的。如果在一
张图片上划分出若干个区域，在不同区域中定义不同的超链接，则一张图片上
就可以定义多个超链接。
img src="图片文件地址"usemap="#MapName"
map name="MapName"
area shape="*"coords="*"href="
img标记用于在文档中插入图片，src属性指定图片文件位置，usemap属
图片链接怎么生成性指定映像图的名称；
map标记用于定义映像图，name属性定义该映像图的名称；
area标记用于定义映像图中的区域(热点)，shape属性指定区域的类型，
取值为rect(矩形)、circle(圆形)或poly(多边形)，coords属性定义区域的
大小和位置，href属性指定该区域的超链接。每个映像图可以用area标记划
分多个区域。
当shape="rect"(矩形)时，coords="A,B,C,D"，其中(A,B)是矩形区域左
上角坐标，(C,D)是矩形区域右下角坐标。
当shape="circle"(圆形)时，coords="A,B,C"，其中(A,B)是圆心坐标，C
是半径。
当shape="poly"(多边形)时，coords="A,A',B,B',C,C',."，其中(A,A')、(B,B')、(C,C')等是多边形各顶点的坐标。
这里的坐标都是相对于图片左上角的，单位为像素。
例：在下面的图片中划分了2个热点区域(一个矩形、一个圆形)，分别对应两个超链接。(把鼠标放上去可看到效果)
img src="g10.gif"usemap="#Map"
map name="Map"
area shape="rect"coords="0,0,31,25"href="#02"alt="矩形热点"
area shape="circle"coords="57,33,15"href="#03"alt="圆形热点"
/map

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。