突出顯示文本和圖像上的多邊形的形狀而同時

Question

我想實現類似於this site的效果：

只而不是鼠標懸停功能，把一個邊界對應的圖像周圍，我想通過在圖像上繪製具有定義座標的多邊形來簡單地突出顯示圖像的不同部分。

我有我的網站建立一個測試在：

http://perfectdays.ca/image-map/

我使用了一種叫做ImageMapper在WordPress作爲你看到它的網站上創建圖像地圖插件。現在，例如，當您將鼠標懸停在手臂上時，圖像上的手臂區域會突出顯示。

我無法弄清楚如何：a）在鼠標懸停手臂時突出顯示相應的文本，反之亦然（更重要的是）在鼠標懸停文本「雙臂」時突出顯示手臂。

有一個類似的帖子Javascript Newbie: How to highlight text and image in different divs on mouseover。

但我無法弄清楚如何適應，包括圖像的某些部分的突出顯示，而不使用上面提到的插件。

任何幫助，非常感謝。

Answer 1

你能把這個放在你的區域標籤嗎？

onmouseover="highlight(this.id);" 

然後，你可以做一個簡單的JavaScript函數，改變類中的相應鏈接。