0

我不知道从哪里开始。我非常有信心有一个我想要完成的解决方案,但我在寻求帮助时可能没有使用正确的术语。

在我为航空公司建立的网站上,我想显示一张地图的图像。地图/图像将在地图上标记几个关键位置(旅行目的地)。每个航班的地图/图像上的出发点都是相同的。当用户将鼠标指针移动到标记位置时,我希望在出发点和选定标记位置之间出现代表飞机飞行路径的轨迹线(虚线)。当用户将鼠标指针移离标记位置时,轨迹线将消失。

我想我可以使用图像映射并让热点以这样的方式运行,当我用鼠标翻滚时,透明图像(包含我的轨迹线)会出现在我的基本地图/图像的顶部。除了这种效果,我还希望出现一个特定于该位置的文本框。文本框不会很大,但会有几行包含所选位置的一些航班信息。

我不知道从哪里开始这个项目。任何帮助将不胜感激!!

4

1 回答 1

0

对不起,我昨晚忘记完成了。尽管有办法,但我也没有让它与纯 css 一起使用。这种方式也可以使用

document.getElementById(yourid).style.opacity=1;

悬停时。基本上,它是一对堆叠在一起的图像。

链接到示例

于 2013-03-02T16:10:22.417 回答