2013-03-02 41 views
0

我不知道從哪裏開始。我非常相信有一個解決方案可以幫助我完成任務,但是在搜索幫助時我可能不會使用正確的術語。在基本圖像上使用熱點在基本圖像上觸發透明圖像圖層(.png)

在我爲航空公司建造的網站上,我想要顯示地圖的圖像。地圖/圖像將在地圖上標記幾個關鍵位置(旅行目的地)。每張航班的地圖/圖片上的出發地點都是相同的。當用戶將鼠標指針移動到標記的位置上時,我想要在出發點和選定的標記位置之間出現代表飛行航跡的軌跡線(虛線)。當用戶將鼠標指針從標記的位置移開時,軌跡線將消失。

想到可以使用圖像映射和以這樣的方式,當我翻過身用鼠標透明圖像(含有我的軌跡線)將顯示在我的基本地圖和/或圖像的頂部有一個熱點的行爲。除了這個效果之外,我還想要一個獨特的文本框出現。文本框不會很大,但它會有幾行包含所選位置的一些航班信息。

我不知道該從哪個項目開始。任何幫助將不勝感激!!

回答

0

對不起,我忘了昨晚完成它。我也沒有得到它與純CSS的工作,雖然有一種方法。這種方式也可以使用

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

懸停。基本上它是一對彼此堆疊在一起的圖像。

Link to example