2016-09-20 24 views
1

我需要創建這種功能的網站:圖像的特定點的路段

我有一個形象(如公園區域),所以在這個形象,我必須創建一個div的不同點這將做一個懸停效果,並顯示一個圖像的文本框(或者可能是一個鏈接)。

我的主要疑問是,我不知道如何獲得此圖像的某些點來創建具有此懸停效果的div。

+1

爲什麼不使用圖像映射?大量免費的圖像製作者在線,讓你可以定義單個圖像的片段,以便在懸停時彈出不同的網址和標題文本。語法就像..'

+0

@DuaneLortie我不能使用它,因爲我會有不同的圖像,這是不相關的街道,城市等,我必須「映射」或「標記」這個懸停成一個3D – MattDAVM

+0

代表一個工作站的圖像? Imagemap與街道或城市無關,它是一種拍攝任何圖像的方法,並使不同的部件可點擊以指向不同的URL –

回答

2

你可以使用jQuery做。請先看看這個link。您可以將圖像上的鼠標x和y位置。然後在x和y的位置,你可以做,你想要什麼。

+0

令人驚歎!它完美的工作,但我怎麼可能標記x和y軸的每個部分之間的「限制」,使得像一個正方形一樣的座標,所以它會得到這個範圍? – MattDAVM