將懸停鼠標懸停與圖像地圖相結合

Question

我想創建一個懸停鼠標懸停效果，其中onMouseOver項目是具有三個單獨鏈接的單個圖像。

我正在使用標準的onMouseOver，onMouseOut效果並試圖將其與圖像地圖like this one結合使用。

我能得到的最接近的是一個MouseOver效果，其中鏈接僅在圖像位於onMouseOut時顯示，並且在onMouseOver時不顯示鏈接。總之，是否有一種方法可以將這兩種效果結合起來，以便在onMouseOver圖像上顯示圖像映射鏈接，以便兩種效果一起工作？

Here is an example顯示問題我試圖通過。要充分了解問題的要點，請嘗試將鼠標從上至下緩慢地懸停在圖像上方。

Answer 1

執行此類操作的最佳方法是使用CSS和：hover選擇器。

image { 
    background-image:url('image1.png'); 
} 

image:hover { 
    background-image:url('image2.png'); 
} 

當然，您需要更多樣式和適當選擇的元素才能使其按照您的喜好進行工作。