以某种方式使用带有文本的图像映射(jquery?)

时间:2013-09-18 01:09:30

标签: jquery css imagemap

首先,我知道图像地图有点过时了,但它们还没有被弃用,而且足够整洁!我正在升级一个现有的,非常混乱的图像地图,用于在化学研究领域展示世界各地不同实验室的工作,并且真正试图解决我自己的编码/设计问题。

我想知道如何将翻转图像淡入淡出(例如for individual countries)与文本(即字幕而不是带文字提示的URL)耦合起来。渲染地图并设置坐标很简单,但我需要一些方法来生成翻转链接,例如[Researcher 1 |实验室网站],[研究员2 |实验室网站]等,特别是当他们居住在地图上的同一个地方时。

所有我似乎都看到完成从其他示例中进行这些交互是图像地图区域的警报和单个链接,但我确信它可能更通用,我想知道是否有人知道如何我可以用这种方式呈现文字吗?

Something that acts like this(当你想要更仔细地看时,所有的实验室都会展开)会很棒。

对不起,我不能更有建设性,但代码太密集了,我无法弄清楚它是如何完成的,我觉得我可能会遗漏一些基本的解决方案......?

由于

1 个答案:

答案 0 :(得分:0)

将图像映射到div,然后默认将其设置为隐藏 在悬停到某个部分时,将该组设置为可通过JavaScript显示