정확한 이미지 모양의 마우스 오버를 어떻게 할 수 있습니까?

문제

아래 질문은 실제로 프로그래밍 질문이 아니라 더 많은 "이 방법"질문, 구현 조언입니다.

세계지도의 이미지가 있습니다. 각 대륙을 별도의 이미지로 만들 수 있습니다.

내가하고 싶은 것은 각 대륙마다 호버 오버 기능을 만드는 것입니다. 사용자 마우스가 대륙에있을 때 정확한 대륙의 모양 - 색상을 바꾸고 싶습니다.

내 주요 질문은 사용자 마우스가 끝날 때 어떻게 참조 할 수 있습니까? 정확한 대륙의 모양? 나는 이것을 위해 플래시를 사용하고 싶지 않지만, 이것을 할 다른 방법이 없다고 두려워하지만?

감사합니다

해결책

이 작업을 수행하는 방법을 아는 유일한 방법 (외부 라이브러리 또는 JS없이) <map>. 허용하려는 영역과 일치하기 위해 코디와 모양 (이 경우 모양의 경우 폴리)을 넣어야합니다. http://www.w3schools.com/tags/tag_map.asp

다른 팁

주요 질문에 대한 답으로 좋은 오래된 이미지 맵을 사용해야 할 것입니다. 이 이미지 맵 생성기 과거에 저를 위해 잘 작동했습니다.

색상을 바꾸는 데있어 항상 스프라이트를 사용하고 호버의 각 국가의 배경 위치를 변경할 수 있습니까?

이 jQuery 플러그인을 살펴 봐야합니다.http://plugins.jquery.com/project/maphilight

플랫폼 (웹, Winform, Linux, OS X 등)에 따라 다릅니다.

웹에서는 이미지 맵을 사용할 수 있습니다.

모든 OS 호스팅 응용 프로그램에서는 영역을 사용하여 이미지 맵과 동일하게 수행 할 수 있습니다. 또는 호버링하는 픽셀의 색상을 테스트 할 수도 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow