怎么建立动态的图片热区_框架

热区用脚本动态生成，使用的坐标作为函数传入的参数，的绝对位置可以试一试一下方法：不行再查查Javascript或者HTML相关手册

function getAbsPoint(obj)

{

var x,y;

oRect = objgetBoundingClientRect();

x=oRectleft

y=oRecttop

alert("("+x+","+y+")")

}

热区链接是锚点链接。锚点链接就是在网页中标示一个点坐标，然后通过代码链接到这个点，这个点坐标就是锚点，而这个链接点就是锚点链接。锚点链接可以是固定点，也可以是浮动点。常用的是长网页中《回到顶部》这类的链接点。热区就是在网页上进行了链接的一个区域。形象点说就是在网页上鼠标箭头变成小手的那个区域。

coords 属性

<area> 标签的 coords 属性定义了客户端图像映射中对鼠标敏感的区域的坐标。坐标的数字及其含义取决于 shape 属性中决定的区域形状。可以将客户端图像映射中的超链接区域定义为矩形、圆形或多边形等。

下面列出了每种形状的适当值：

圆形：shape="circle"，coords="x,y,z"

这里的 x 和 y 定义了圆心的位置（"0,0" 是图像左上角的坐标），r 是以像素为单位的圆形半径。

多边形：shape="polygon"，coords="x1,y1,x2,y2,x3,y3,"

每一对 "x,y" 坐标都定义了多边形的一个顶点（"0,0" 是图像左上角的坐标）。定义三角形至少需要三组坐标；高纬多边形则需要更多数量的顶点。

多边形会自动封闭，因此在列表的结尾不需要重复第一个坐标来闭合整个区域。

矩形：shape="rectangle"，coords="x1,y1,x2,y2"

第一个坐标是矩形的一个角的顶点坐标，另一对坐标是对角的顶点坐标，"0,0" 是图像左上角的坐标。请注意，定义举行实际上是定义带有四个顶点的多边形的一种简化方法。

例如，下面的 XHTML 片段在一个 100x100 像素图像的右下方四分之一处，定义了一个对鼠标敏感的区域，并在图像的正中间定义了一个圆形区域。

</map>

提示和注释

注释：如果某个 area 标签中的坐标和其他区域发生了重叠，会优先采用最先出现的 area 标签。浏览器会忽略超过图像边界范围之外的坐标。

像素是网页最小单位，比如说1024x768，那么代表屏幕里有这么多个点，每个点的单位以1像素计算，坐标是指这些点相对屏幕边的距离。

px是像素的意思，pt是磅的意思

9pt的字差不多等于12px的字

1、在HBuilder中打开需要设置热区的HTML文件。

2、在HTML文件中找到需要设置热区的元素。

3、在HTML文件中添加标签，为其设置name属性。

4、在标签中添加一个或多个标签，为热区设置形状、坐标和链接等属性。

5、保存HTML文件，并在浏览器中查看效果。

以上就是关于怎么建立动态的图片热区全部的内容，包括:怎么建立动态的图片热区、热区链接是锚点链接吗、dreamweaver 矩形热区四个值分别指什么“coords=167,98,231,150"等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

怎么建立动态的图片热区