<img>标签的usemap属性指定了图像映射的名称#image-map。 <map>标签的name属性与<img>标签的usemap属性相匹配。 <area>标签定义了三个不同的热点区域:一个矩形、一个圆形和一个多边形,每个热点区域都链接到不同的 URL。
<area>标记是在图像地图中划分作用区域的,因此其划分的作用区域必须在图像地图的区域内,所以在用 <area> 标记划分区域前必须用HTML的另一个标记<map>来设定图像地图的作用区域,并为指定的图像地图设定名称,该标记的用法很简单,即<map name="图像地图名称"> ... </map>。 HTML <area> 标签格式: <map><area...
1、介绍map元素 和 area元素 map元素包含一个或多个area元素,它们各自代表了图像上可被点击的一块区域。 area元素的属性可以被分成两类,第一类处理的是area所代表的图像区域被用户点击后会导航到的URL。 与目标地址相关的area元素属性: 第二类shape 和 coords属性,可以用这些属性来标明用户可点击的各个图像区域。两...
例如,下面的 XHTML 片段在一个 100x100 像素图像的右下方四分之一处,定义了一个对鼠标敏感的区域,并在图像的正中间定义了一个圆形区域。 <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...
<map>标签: 必需的属性: id:unique_name 为 map 标签定义唯一的名称。 可选的属性: name:mapname 为 image-map 规定的名称,name 属性与 <img> 标签的 usemap 属性相关联,创建图像与映射之间的联系。 <area>标签: 必需的属性: alt:定义此区域的替换文本(它规定在图像无法显示时的替代文本)。
Map areas 集合 Map 对象 实例 获取图片地图中 <area> 元素的数目: var x = document.getElementById('planetmap').areas.length; x 输出值为: 3 尝试一下 » 定义和使用 areas 集合返回图像地图中所有 <area> 元素的集合。 注意: 集合中的元
area 元素总是嵌套在 <map> 标签中。 注释:<img>标签中的 usemap属性与map元素 name 属性相关联,创建图像与映射之间的联系。 HTML 与 XHTML 之间的差异 在HTML 中,<area> 没有结束标签。 在XHTML 中,<area> 必须正确地关闭。 必需的属性 必需
<area>:定义<map>的可点击区域 当<map>设置name或者id属性时,<img>标签的usemap属性会根据<map>的id和name属性来关联<map> 属性: <area>属性: | |- alt: 当图片无法加载的时候显示的提示文字 | |- shape: 定义可点击区域的形状,有如下值 | |- circ或circle:圆形 | |- poly或polygon:多边型 | |...
html图片热区map、area的使用 在项目中需要点击图片某个位置,然后变换不同的颜色。 之前听说dw可以通过拖拽实现,也可以通用canvas画布实现,但是太麻烦了 而map的area可以定义一个坐标位置然后点击处理,因为在项目中只是需要 变换所点击的不规则区域的位置,然后进行图片切换就可以,可以使用css定位 ...
隐藏html中点击map时的显示area边框 只要加入hidefocus="true"的属性即可 如下: <img src="some.jpg" border="0" usemap="#map" hidefocus="true"> 1. 或者可以使用js+css实现: 1.在area中加入οnfοcus="blur(this);"的属性也可以 2.area多的时候可以使用:...