`

隐藏html中点击map时的显示area边框

    博客分类:
  • HTML
阅读更多

只要加入hidefocus="true"的属性即可

如下:

<img src="some.jpg" border="0" usemap="#map" hidefocus="true">

 

或者可以使用js+css实现:

1.在area中加入onfocus="blur(this);"的属性也可以

2.area多的时候可以使用:

<style type="text/css">
<!--
area {
anything:expression(this.onfocus=this.blur);
}
-->
</style>

分享到:
评论

相关推荐

    vue实现在图片中画矩形框,并得到对角坐标,设置map中area的样式.zip

    在HTML中,我们使用`&lt;img&gt;`标签的`usemap`属性引用一个`&lt;map&gt;`元素,`&lt;map&gt;`元素定义了图像的热区。 - `&lt;area&gt;`标签用于定义图像热区的形状(如矩形`rect`),坐标,以及链接的目标URL。例如: ```html &lt;map name...

    Jquery ImageMapste Map area

    jQuery ImageMapster 是一个开源库,用于增强HTML的`&lt;map&gt;`元素和`&lt;area&gt;`元素,提供包括高亮、填充、边框、悬停效果等多种样式选项,使得静态的图像映射变得更加互动和可视化。它支持多种数据格式,如JSON或简单的...

    map area图片热点效果增强版

    "map area图片热点效果增强版" 提供了一种优化的解决方案,旨在提升用户体验,去除不必要的边框,以及在鼠标悬停时提供更加美观的视觉反馈。 首先,我们要了解HTML `&lt;map&gt;` 和 `&lt;area&gt;` 标签的作用。`&lt;map&gt;` 标签...

    map_area:用html内容照明地图区域并调整其大小

    在网页设计中,地图区域(map_area)是HTML图像映射(Image Maps)的一部分,它允许我们通过HTML代码定义图像中的可点击区域。这些区域通常与JavaScript交互,以实现更丰富的用户交互体验,如高亮显示、弹出信息或者...

    MAP显示属性.doc

    在本文中,我们将详细探讨CICS MAP的属性,特别是通过DFHBMSCA(Map Set Control Area)中的变量来理解这些属性。 首先,DFHBMSCA是一个控制区域,包含了多个控制字符和标准属性,用于定义MAP的显示特性。以下是...

    HTML 图像 标记 HTML 图像 标记

    - **`&lt;area&gt;`标记**: 定义了图像上的一个区域,并指定了点击该区域时的链接。 通过以上知识点的学习,我们可以灵活地在HTML页面中插入并管理各种图像,同时也能更好地理解如何使用这些图像来增强网页的表现力和功能...

    HTML标签对应英文全称及中文翻译

    `&lt;map&gt;`定义图像的可点击区域,`&lt;area&gt;`定义这些区域的具体链接,`usemap`属性将图像与映射关联,`coords`属性定义区域的坐标。 在编写HTML时,理解这些标签及其属性至关重要,它们共同构成了网页的基本结构,使得...

    Web前端基础:HTML5图像标签.pptx

    `src` 属性用于指定图像文件的URL,`alt` 属性则在浏览器无法加载图像时显示替代文本,同时对搜索引擎优化也十分重要。 `&lt;img&gt;` 标签还提供了调整图像尺寸的功能,通过 `height` 和 `width` 属性可以设置图像的高度...

    HTML+CSS 1号店

    通过`&lt;map&gt;`和`&lt;area&gt;`标签,可以在图像的不同部分链接到不同的URL。 这个"HTML+CSS 1号店"学习资料涵盖了网页开发的基本要素,适合初学者入门,同时也提供了响应式设计的实践案例,有助于提升网页设计的专业技能。...

    毕向东的html笔记

    图像地图`&lt;map&gt;`和`&lt;area&gt;`则允许将图像的特定区域设为可点击的链接。 表格标记`&lt;table&gt;`用于构建表格,`&lt;caption&gt;`添加表格标题,`&lt;th&gt;`定义表头单元格,`&lt;tr&gt;`创建表格行,`&lt;td&gt;`创建数据单元格。`colspan`和`...

    网页制作教程(HTML语言).doc

    - **`&lt;map&gt;`** 和 **`&lt;area&gt;`** 标签:用于定义图像上的热点区域。 - **`usemap`** 属性:关联 `&lt;img&gt;` 标签与 `&lt;map&gt;` 标签。 - **`shape`** 属性:定义热点区域的形状,如 `rect`(矩形)、`circle`(圆形)、`...

    完整的_HTML_参考手册

    6. `&lt;applet&gt;`: 不推荐使用,用于在HTML中嵌入Java小应用程序。现代网页开发中通常使用JavaScript或WebGL等技术。 7. `&lt;area&gt;`: 在`&lt;map&gt;`元素内使用,定义图像映射中的区域,允许将图像的不同部分链接到不同的URL...

    CSS3地图热点文字标注提示.zip

    总的来说,这个压缩包中的示例很可能展示了一个使用HTML5的`&lt;map&gt;`和`&lt;area&gt;`定义地图热点,CSS3进行样式设计,JavaScript和jQuery处理用户交互并显示文字提示的过程。这种技术结合可以创建出用户友好的地图应用,...

    html前端必须掌握的单词

    - **area**: 用于定义 `&lt;map&gt;` 元素内的可点击区域。通常与 `&lt;img usemap="#name"&gt;` 结合使用,以实现图像地图功能。 - **align**: 对齐方式,虽然 HTML5 已不再推荐直接在标签中使用该属性,但在 CSS 中仍广泛应用...

    html标记参考大全手册

    - `&lt;AREA&gt;` 定义图像中的可点击区域。 - 示例: ```html &lt;img src="map.jpg" usemap="#site-map"&gt; &lt;map name="site-map"&gt; &lt;area shape="rect" coords="0,0,100,100" href="page1.html"&gt; &lt;area shape="circle...

    常用HTML代码速查表.doc

    3. `&lt;AREA&gt;`:在`&lt;MAP&gt;`图像映射中定义一个可点击的区域,允许用户与图像交互。 4. `alink`:设置被点击链接的颜色。 5. `align`:规定元素的水平对齐方式,如`center`表示居中对齐。 6. `alt`:为图像提供替代...

    jquery设置图片热区并生成图片

    在IT行业中,尤其是在网页开发领域,图片热区(Image Maps)是一种常见的交互设计技术,它允许我们将图片的不同区域定义为可点击的链接或执行其他交互功能。jQuery,一个流行的JavaScript库,提供了方便的方法来处理...

    HTML网页指令详解说明

    - `alt`:当图片无法加载时显示的文本。 - **预载图片**: ```html 高分辨率图片.jpg" lowsrc="低分辨率图片.jpg"&gt; ``` - **参数说明**: - `lowsrc`:低分辨率版本的图片路径。 - **影像地图—`...

Global site tag (gtag.js) - Google Analytics