<img>标签的usemap属性指定了图像映射的名称#image-map。 <map>标签的name属性与<img>标签的usemap属性相匹配。 <area>标签定义了三个不同的热点区域:一个矩形、一个圆形和一个多边形,每个热点区域都链接到不同的 URL。
在HTML 中使用<map>标签和<area>标签时,coords属性的值用于定义图像映射中的可点击区域。coords的值取决于shape属性的设置,以下是几种常见形状的精确定位方法: shape="rect"(矩形):coords值由四个数字组成,分别代表矩形左上角的 x 坐标、y 坐标,以及右下角的 x 坐标和 y 坐标。 格式为x1,y1,x2,y2。 sha...
HTML DOM Map name 属性 Map areas 集合 Map 对象 实例 获取图片地图中 <area> 元素的数目: var x = document.getElementById("planetmap").areas.length; x 输出值为: 3 尝试一下 » 定义和使用 areas 集合返回图像地图中所有 <area> 元素的集合。 注意: 集合中的元素排序按源代码中的顺序。 提示:...
map元素包含一个或多个area元素,它们各自代表了图像上可被点击的一块区域。 area元素的属性可以被分成两类,第一类处理的是area所代表的图像区域被用户点击后会导航到的URL。 与目标地址相关的area元素属性:第二类shape 和 coords属性,可以用这些属性来标明用户可点击的各个图像区域。两者是共同起作用的。2、创建客户...
var x = document.getElementById("planetmap").areas.length; x输出值为: 3 尝试一下 » 定义和使用 areas 集合返回图像地图中所有 <area> 元素的集合。 注意:集合中的元素排序按源代码中的顺序。 提示:如果需要返回所有 <area> 元素中指定的 href 属性集合 ,'你需要使用links集合。
<map>标签: 必需的属性: id:unique_name 为 map 标签定义唯一的名称。 可选的属性: name:mapname 为 image-map 规定的名称,name 属性与 <img> 标签的 usemap 属性相关联,创建图像与映射之间的联系。 <area>标签: 必需的属性: alt:定义此区域的替换文本(它规定在图像无法显示时的替代文本)。
</map> 1. 2. 3. 4. 提示和注释 注释:如果某个 area 标签中的坐标和其他区域发生了重叠,会优先采用最先出现的 area 标签。浏览器会忽略超过图像边界范围之外的坐标。 语法 <area coords="value"> 1. 属性值 参阅 http://www.w3school.com.cn/tags/att_area_shape.asp ...
<area> 标签定义图像映射内部的区域(图像映射指的是带有可点击区域的图像)。 area 元素始终嵌套在 <map> 标签内部。 注释:<img>标签中的 usemap 属性与map元素中的 name 相关联,以创建图像与映射之间的关系。 实例 带有可点击区域的图像映射: <img src="planets.gif" alt="Planets" usemap ="#planetmap"...
简介:html图片映射usemap(vue环境下、map、area、coords) 一、场景 引入了vue的单一html页面中,一张大图片,不做切图,实现点击图上某一部分,触发功能 二、语法 HTML \<img> 标签的 usemap 属性 HTML \<map> 标签 HTML \<area> 标签 HTML \<area> 标签的 shape 属性 ...
1、首先获取MAP中元素属性如下，js代码如下//获取MAP中元素属性 function getAttribute() { var map = document.getElementById("theMaps");var element = map.childNodes;var itemNumber = element.length / 2;for (var i = 0; i < itemNumber - 1; i++) { var item = 2 * i + 1;var oldCoords...