imagemap相关内容

图像地图悬停效果 css 或 jquery

我已经制作了图像映射,我想使用 jquery 或 css 突出显示悬停的特定部分我该怎么做? 我没有找到任何关于此的好文章. 我的所有图像地图区域工作正常,但悬停效果不正常 我试过这个 css .map{背景:#fff;显示:块;高度:475px;不透明度:0;位置:绝对;宽度:320px;}#area2 {左:320px;}#area1:hover, #area2:hover ..
发布时间:2022-01-22 22:52:01 其他开发

CSS中不规则多边形的悬停效果

我想知道如何为类似于 这张图片. 当每个区域(或部分)被鼠标悬停/触摸/单击时,我需要更改它的颜色而不影响任何其他部分.每个部分的边界必须代表图像,而不是正方形.该解决方案不能使用画布,因为我正在处理的网站必须可以在旧版浏览器中使用(我个人很沮丧.) 理想情况下,我希望使用 CSS 来实现这一点,而无需使用过多的 JavaScript 或大量图像.以前有人做过吗? 编辑:我知道人 ..
发布时间:2022-01-22 22:14:35 前端开发

使用带有 HTML 图像映射的 JQuery 悬停

我有一个复杂的背景图像,其中包含许多需要翻转插图突出显示的小区域,以及每个区域的附加文本显示和相关链接.最终插图使用 z-index 堆叠了几张具有透明度的静态图像,并且高光翻转插图需要显示在中间的“三明治"层之一中才能达到预期的效果. 在对块的一些不成功的摆弄之后,我决定可以使用老式的图像映射来完成.我制作了一个带有四个几何形状轮廓的示意性测试地图,并使用 png 翻转“填充"它们.想法是 ..
发布时间:2022-01-22 21:54:59 前端开发

将鼠标悬停在热点上时带有图像弹出窗口的图像映射

我正在构建一个日历,其中包含特定日期的事件.日历是我为其创建了图像映射的 jpg.当您将鼠标悬停在日历上的热点或“事件"上时,我希望将图像悬停在鼠标指针旁边,上面将显示事件信息,然后在鼠标离开热点时消失.我有六个热点,每个热点都有一个 javascript 函数.这些函数将弹出图像替换为正确的事件图像.下面是其中一个区域和一个功能的示例(其他区域相同,但图像名称和坐标不同) 我在悬停时在日历 ..
发布时间:2022-01-20 22:58:38 前端开发

如何使用 Java Swing 创建图像映射?

我需要使用显示背景图像的 Swing 制作图像映射,然后当鼠标悬停(或单击)特定热点时,我需要弹出一个“放大"图像并显示它. 我正在考虑扩展 JPanel 以包含图像引用,并通过 paintComponent(g) 方法进行绘制.这部分我已经完成了,代码如下: 公共类 ImagePanel 扩展 JPanel{私有静态最终长序列版本UID = 1L;私有图像图像;公共ImagePanel( ..
发布时间:2022-01-20 22:42:02 Java开发

Android:操作方法:将当前位置标记到地图中(静止图像) - 添加了源代码、测试用例、实际、预期输出

我创建了另一个问题(如何显示带有移动当前位置的地图(静止图像文件)) 但它包含 2(两个)问题,所以我需要将其分开. 我正在尝试创建一个可以引导一个人到达目的地的原型. 这个地方是一栋有几层楼的宽楼. 我可以获取/检索地图(静止图像).例如当前:1F 目的地:5F;这样我就可以得到1楼、2楼...5楼的静止图像(5个图像文件). 场景: 启动应用程序 输入当前位置 ..
发布时间:2022-01-14 21:08:53 移动开发

我可以在 imagemap 区域元素上设置 onclick 事件吗?

我想在区域元素上放置一个 onclick 事件.这是我的设置: 我也试过这个: function myFunction() {警报(“测试");} 以上都不起作用.区域元素是否支持上述内容,还是仅支持具有 href? 解决方案 注意: 属性 href 是强制性的,没有它,area-tag 什么都做不了! 要添加点击事件,您需要屏蔽默认 href. 你的代码应该如 ..
发布时间:2022-01-09 16:59:21 前端开发

(HTML5) Canvas 是否相当于图像映射?

Canvas 元素是否相当于img 的地图,因此您可以定义可点击画布元素上的区域? 这里在页面中间简要提到了一张地图:http://www.w3.org/TR/html5/the-canvas-element.html,但我找不到关于它的任何其他信息. 解决方案 Canvas 上的地图目前是 HTML5 的一个未解决的问题.准确地说是问题 #105.见 http://www.w3.o ..
发布时间:2021-12-21 08:52:02 前端开发

Android:操作方法:显示带有移动当前位置指针的地图(静止图像文件)

我正在尝试创建一个可以引导一个人到达目的地的原型. place 是一栋有好几层楼的宽阔建筑. 我可以获取/检索地图(静止图像).例如当前:1F 目的地:5F;这样我就可以得到 1 楼、2 楼...5 楼的静止图像(5 个图像文件). 场景: 启动应用程序 输入当前位置(或者可以使用当前位置自动设置)&目的地 点击搜索路线按钮搜索要使用的地图(静止图像)&标记当前位置 &​​ ..
发布时间:2021-11-27 23:35:50 移动开发

在 HTML 上设置背景颜色元素?

有没有办法为 HTML 元素设置背景颜色?我正在创建一个图像地图,其中当您将鼠标悬停在地图的某些部分时会弹出一个工具提示,我认为如果我可以为 设置背景颜色会很酷(也很方便); 元素,以便您可以看到它们在图像上的位置. 我尝试了背景颜色和边框,但都没有任何效果 - 元素保持“不可见".我假设这是因为 是一个自闭合标签,所以它实际上没有任何尺寸?但是强制设置高度和宽度也无济于事. 解决方案 ..
发布时间:2021-11-17 04:16:26 前端开发

Flex 中的图像映射

有人有在 Flex 中执行图像映射之类的示例吗?我不确定这是否正确,因为我还想做一些事情,例如突出显示图像的选定部分或显示指向它的弹出气泡.有什么想法吗? 解决方案 看看这个:flexlib > ImageMap ..
发布时间:2021-11-12 00:18:51 其他开发

如何通过networkx制作可点击的图表?

我正在尝试在 python 中生成图形的可点击图像.一开始直接调用graphviz,后来发现networkx http://networkx.lanl.gov . 我希望我的程序能够获取有关在用户单击图形的 (x,y) 坐标处显示哪个节点的信息.我想我可以使用打开并显示图形的 pyplot 窗口,在鼠标单击时使用 (x,y) 坐标,但我需要某种图像映射来知道哪个节点已在该坐标处可视化! ..
发布时间:2021-06-07 19:53:23 Python

HTML图像映射-是否有创建和修改它们的简便方法?

从给定的图像开始,我希望能够跟踪图像上的多边形,然后将结果导出为HTML图像地图. 也可以更改现有图像地图的比例,从而更改多边形和形状的大小. 有没有人知道的程序具有这些功能? 解决方案 许多程序都这样做.手动制作复杂的地图非常耗时.我知道咖啡杯是用于此的工具. ..
发布时间:2021-05-15 20:12:14 前端开发

在热点上悬停时带有图像弹出窗口的图像地图

我正在建立一个日历,其中包含某些日期的事件.日历是我为其创建图像图的jpg.当您将鼠标悬停在日历上的热点或“事件"上时,我希望图像停留在鼠标指针旁边,该鼠标指针上将有事件信息,然后在鼠标离开热点时消失.我有六个热点,每个热点都有一个javascript函数.该功能将弹出图像替换为正确的事件图像.下面仅是其中一个区域以及一个功能的示例(其他区域是相同的,带有不同的图像名称和坐标) 悬停在日历下 ..
发布时间:2021-04-26 19:35:26 前端开发

在图像地图上随机触发onmouseover和onmouseleave

我在onmouseover和onmouseleave事件方面遇到问题.这段代码可能仅在5%的时间内有效,我不明白为什么.当我将鼠标悬停在图像地图上时,只需看着控制台即可.它会触发onmouseover,然后触发onmouseleave,然后再次触发onmouseover.如果我注释掉引导模式显示和隐藏,则图像只是交换并正常触发事件.我不知道这是引导模态还是什么问题,但是我在同一页面上有两个正常触发 ..
发布时间:2021-04-16 18:45:05 前端开发

Javascript和图片地图?这如何运作?

我制作了一张地图,并准备了一张表格.在表单中,我有三个文本字段.当我单击图像地图时.我单击数字4.数字4必须出现在文本字段"regio"中. 另一个例子.当我在数字地图上单击数字9时.数字9必须出现在文本区域"regio"中. 这是我的代码: http://www.testdomeinnaam.nl/mike/ 但是我该怎么做呢???? 谢谢!!! 解决方案 三件事: ..
发布时间:2020-11-26 22:32:44 前端开发