html中添加可点击图像映射,需要添加图像的坐标,该如何确定一个区域的组表啊

html中添加可点击图像映射,需要添加图像的坐标,该如何确定一个区域的组表啊,第1张

如果用工具,比如DW,可以直接点击或拖拽出一个区域,坐标自动生成如果用文本编辑器,可以借助Windows画板,用画板打开要做热区的图像,鼠标放在要定位的点上,如果是矩形热区,就是矩形的左上角,然后看状态栏中的坐标之后再将鼠标移至矩形右下角,再记录状态栏中的坐标,如此这四个值就是热区的坐标了

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

\x0d\\x0d\ \x0d\ \x0d\ \x0d\\x0d\\x0d\shape="circle" coords="x,y,r" 区域为圆形 后面是圆心坐标和以像素为单位的半径\x0d\shape="rect" coords="x1,y1,x2,y2" 区域为矩形 矩形的左上右下两点的坐标\x0d\shape="poly" coords="x1,y1,x2,y2,x3,y3" 区域为多边形 多边形所有顶点的坐标\x0d\以上所有坐标都是相对于图形img左上脚坐标而言的\x0d\中的 usemap 属性可引用 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 添加 id 和 name 属性。\x0d\\x0d\其中如果area划分的区域部分交叉则前面的area覆盖后面的area即第一个area覆盖第二个area。

热区用脚本动态生成,使用的坐标作为函数传入的参数,的绝对位置可以试一试一下方法:不行再查查Javascript或者HTML相关手册
function getAbsPoint(obj)
{
var x,y;
oRect = objgetBoundingClientRect();
x=oRectleft
y=oRecttop
alert("("+x+","+y+")")
}

自适应应该用 position:relative;

坐标点,如果按比例饿来的话,可以用%,left :30%;top:45%;

个人建议,以点击缩放的按钮为定点;始终锁定在定点的多少也是可以;每个坐标对应一个坐标框;没能看到你实际的效果图,可能只能提供给你这些,希望有所帮助

2当需要该热区不起作用时,只要在需要的地方使用一个计算图标,在其中输入“a:=1”,这样就改变了变量a的值为1,热区也就被屏蔽掉了,不会再起作用。 3如果想要再次使用该热区,在相应位置添加一个计算图标,输入“a:=0”即可。 方法二:改变热区位置,灵活控制热区的可用性。 在热区属性对话框中有两个控制坐标位置的文本框,这里也是可以用变量进行设置的。可以在x和y对应位置用变量,然后通过适当调整坐标变量的值来控制热区。例如输入x和y作为坐标。 在流程线用一个计算图标,输入以下内容: x:=100——假设获得坐标是(100,200) y:=200 在不需要使用热区的时候,用一个计算图标,输入如下内容: x:=-200——设置坐标值为窗口外 y:=-200 这样,将热区动态地移动到窗口外,当然也就不起作用了。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13337784.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-17
下一篇 2023-07-17

发表评论

登录后才能评论

评论列表(0条)

保存