HTML之六：图像的热区连接

HTML之六：图像的热区连接。

前面说了一下图像的插入，这次说说设置一张图片上不同地区的链接。比如一张地图上，河北，山东两省，点击河北的覆盖区域，转到一张河北的大地图，点击山东的覆盖区域，转到一张山东的大地图。这里我们就要用Dreamweaver找到它的坐标（coods）当然我们要首先插入中国地理图片。（还记得吗？嘿嘿。）并且使用usemap命名：

示例如下：

<img src=”ChinaMap.jgp” usemap=” ChinaMap”

然后再定义河北、山东这两个热区以及热区的属性：

</map>

这样我们就定义了热区以及链接。img里的usemap和map里name定义的名字是一样的，但是img里的usemap的名字前加“#”，shape三个属性：circle(圆形),poly(多边形),rect(矩形)，coods的属性就是坐标，如果你选定的区域是矩形，那么坐标就是对角线两个点的坐标，先写横坐标，再写竖坐标。圆形就是圆心坐标和半径长度。多边形每个点的坐标都要写上。

示例如下：

</map>

这样我们点击中国地图上河北、山东的覆盖区域就会转到相应大图页面。当然实际中设置的是多边形区域，这里拿矩形做示例，希望还是会举一反三那。

转载于:https://blog.51cto.com/diesel/376615

HTML之六：图像的热区连接相关推荐

html热区坐标,HTML之六：图像的热区连接
HTML之六:图像的热区连接. 前面说了一下图像的插入,这次说说设置一张图片上不同地区的链接.比如一张地图上,河北,山东两省,点击河北的覆盖区域,转到一张河北的大地图,点击山东的覆盖区域,转到一张山东 ...
用html给一张图片做多个热区链接,HTML之六：图像的热区连接
HTML之六:图像的热区连接. 前面说了一下图像的插入,这次说说设置一张图片上不同地区的链接.比如一张地图上,河北,山东两省,点击河北的覆盖区域,转到一张河北的大地图,点击山东的覆盖区域,转到一张山东 ...
ITK:在图像中查找连接的组件
ITK:在图像中查找连接的组件内容提要 C++实现代码内容提要在图像中查找连接的组件 C++实现代码 #include "itkImage.h" #include " ...
html 图像映射（一个图像多个连接）
以前就见过那种导航地图,点击地图的不同省份分别跳到不同的连接,现在用html实现一下,简单的. 图像映射是指一个图像可以建立多个连接,就是在图像上面定义多个区域,每个区域连接到不同的地址. 效果如图: ...
【OpenCV 4开发详解】图像连接
本文首发于"小白学视觉"微信公众号,欢迎关注公众号本文作者为小白,版权归人民邮电出版社发行所有,禁止转载,侵权必究! 经过几个月的努力,小白终于完成了市面上第一本OpenCV 4 ...
html action不起作用,Html.ActionLink做为按钮或图像，而不是连接
在ASP.NET MVC的最新版本(RC1)中,如何将Html.ActionLink呈现为按钮或图像而不是连接? css #1楼我这样作的方法是单独使用actionLink和图像. 将actionl ...
用html给一张图片做多个热区链接,html 锚点链接图像热区链接
锚点链接图像热区链接除了对整幅图像设置超链接外,还可以将图像划分为若干区域,这叫做"热区",每个区域可设置不同的超链接.此时,包含热区的图像可以称为映射图像. 要进行热区设置, ...
【OpenCV 4开发详解】图像距离变换
本文首发于"小白学视觉"微信公众号,欢迎关注公众号本文作者为小白,版权归人民邮电出版社发行所有,禁止转载,侵权必究! 经过几个月的努力,小白终于完成了市面上第一本OpenCV 4 ...
图像融合亮度一致_重磅干货低光图像处理方案
点击上方"AIWalker",选择加"星标"或"置顶" 重磅干货,第一时间送达 Tips:一点点提示,因内容较多建议先关注,再置顶,最 ...

HTML之六：图像的热区连接

HTML之六：图像的热区连接相关推荐

最新文章

热门文章