마우스 오버와 이미지 맵의 결합

Question

onMouseOver 항목이 3 개의 별도 링크가있는 단일 이미지 인 경우 마우 스트 마우스 오버 효과를 만들려고합니다.

표준 onMouseOver, onMouseOut 효과를 사용하고 이미지 맵 like this one과 결합하려고합니다.

내가 얻을 수있는 가장 가까운 것은 이미지가 onMouseOut에있을 때만 링크가 표시되는 MouseOver 효과이며 onMouseOver 일 때 링크를 표시하지 않습니다. 즉,이 두 가지 효과를 결합하여 onMouseOver 이미지에 이미지 맵 링크를 표시하여 두 효과가 함께 작용할 수있는 방법이 있습니까?

Here is an example 나는 문제를 해결하기 위해 노력하고 있습니다. 문제의 요점을 완전히 파악하려면 이미지 위에 마우스를 위에서 아래로 천천히 가져갑니다.

Answer 1

이와 같은 작업을 수행하는 가장 좋은 방법은 CSS 및 : 호버 선택기를 사용하는 것입니다.

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

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

물론이 작업을 원하는 방식으로 수행하려면 여기에 더 많은 스타일과 적절하게 선택한 요소가 필요합니다.