图象中的超级链接

最新推荐文章于 2025-03-02 16:30:58 发布

最新推荐文章于 2025-03-02 16:30:58 发布 · 191 阅读

HTML 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了HTML中的图像映射技术，包括不同形状（矩形、圆形、多边形）的使用方法及其坐标设置方式。例如，矩形通过指定左上角和右下角坐标来定义，圆形则需要给出圆心坐标及半径。

Sample:

<map name="[color=red]FPMap0[/color]">
<area href="1.html" [color=blue]shape[/color]="[color=orange]rect[/color]" [color=blue]coords[/color]="14,12,15,12">
<area href="2.html" [color=blue]shape[/color]="[color=orange]poly[/color]" [color=blue]coords[/color]="14,12,15,15,15">
<area href="3.html" [color=blue]shape[/color]="[color=orange]circle[/color]" [color=blue]coords[/color]="11,11,11,11,11">
</map>

<img border="0" usemap="[color=red]FPMap0[/color]" src="#" alt="大图片">

其中：
rect:选中后为矩形。
circle:选中后为圆形。
poly:选中后为扇形。

coords:设置各种形状的范围。例如:圆形:x,y,radius 多边形:xl,yl,...xn,yn.
长方形:left,top,right,bottom