1、area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。 2、<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 <map> 添加 id 和 name 属性。
所有主流浏览器都支持 <area> 标签。标签定义及使用说明<area> 标签定义图像映射内部的区域(图像映射指的是带有可点击区域的图像)。<area> 元素始终嵌套在 <map> 标签内部。注释: <img> 标签中的 usemap 属性与 <map> 元素中的 name 相关联,以创建图像与映射之间的关系。
//使用js控制coords,绘制map热点varmapStartX =0;varmapStartY =0;varmapEndX =100;varmapEndY =100;varmapFill = mapStartX +','+ mapStartY +','+ mapEndX +','+ mapEndY;varim_map = $('#im_map').find('area'); im_map.attr('coords',mapFill); 应用场景:多用于在图片上设置点击事件...
而map的area可以定义一个坐标位置然后点击处理,因为在项目中只是需要 变换所点击的不规则区域的位置,然后进行图片切换就可以,可以使用css定位 然后禁止area的跳转即可 <area> 标签的 coords 属性定义了客户端图像映射中对鼠标敏感的区域的坐标。 坐标的数字及其含义取决于 shape 属性中决定的区域形状。 可以将客户端图...
<map> 标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 <map> 添加 id 和 name 属性。area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
定义图像可点击区域(map,area): 代码语言:javascript 代码运行次数:0 运行 AI代码解释 <img src="test.png"alt="a"usemap="#amap"><map name="amap"><area shape="rect"coords="0,0,10,10"href="1.html"><area shape="circ"coords=""href=""><area shape="poly"coords=""href=""></map> ...
<map name="map"> <area shape="rect" coords="75,75,99,99" nohref="nohref"> <area shape="circ" coords="50,50,25" nohref="nohref"> </map> 1. 2. 3. 4. 提示和注释 注释:如果某个 area 标签中的坐标和其他区域发生了重叠,会优先采用最先出现的 area 标签。浏览器会忽略超过图像边界范围...
1 <area> 标签用于定义【图像映射中的区域】，它需要嵌套在 <map> 标签中来使用。下图中是一个完整的示例，实现了点击图片中指定的区域会打跳转到一个新的页面。如下图所示 2 <area> 标签的shape属性规定了映射区域的【形状】，可以是圆形、矩形、多边形。如下图所示 3 <area> 标签的coords属性规定了映射区域...
<area shape="rect" coords="0,0,128,106" hrefe=pickledcabbage" target="_blank" alt="酸菜" /> </map> 1. 2. 3. 4. 5. 以上,也可以使用 shape="poly" 指定不规则的热点(可点击)区域。 HTML <map> 与 <area> 一起使用来定义一个...
<area>:定义<map>的可点击区域 当<map>设置name或者id属性时,<img>标签的usemap属性会根据<map>的id和name属性来关联<map> <map>标签: 必需的属性: id:unique_name 为 map 标签定义唯一的名称。 可选的属性: name:mapname 为 image-map 规定的名称,name 属性与 <img> 标签的 usemap 属性相关联,创建...