HTML/JavaScript：圖像映射的鼠標懸停效果？

Question

我試圖通過做他們的網站來幫助非營利組織。他們想要（呃）他們的標誌作爲HTML圖像映射。換句話說，當您點擊徽標的不同部分時，您會被引導至不同的網頁。但是，它們也需要鼠標懸停效果：當您將鼠標懸停在圖像地圖的特定部分上時，該圖形應突出顯示。

如果徽標很簡單，我會將它切成長方形，並將鼠標懸停並單擊事件以適當的矩形。隨着他們的標誌的複雜性，這是不可能的，但是。

有沒有人做過這樣的事情，如果沒有Flash？我不是Flash開發者，但這看起來像HTML/JavaScript中的一項非常困難的任務。

任何想法？謝謝！

Answer 1

您需要處理<area>標記的鼠標懸停事件。

Answer 2

查看HTML地圖標記 - http://www.w3schools.com/TAGS/tag_map.asp。它允許更多的自定義形狀。

一些資源：

• http://www.elated.com/articles/creating-image-maps/
• http://www.image-maps.com/

Answer 3

嘗試這個資源：

• http://dhost.info/eleomap/