Комбиниране на курсора на мишката върху изображението с карта

Опитвам се да създам ефект при задържане на курсора на мишката, където елементът onMouseOver е едно изображение с три отделни връзки.

Използвам стандартен ефект onMouseOver, onMouseOut и се опитвам да го комбинирам с карта на изображение като този.

Най-близкото, което мога да получа, е ефектът MouseOver, при който връзките се показват само когато изображението е в onMouseOut и не показва връзките, когато е onMouseOver. Накратко, има ли начин да комбинирате тези два ефекта, така че да показва връзките към картата на изображението върху изображението onMouseOver, така че двата ефекта да работят заедно?

Ето пример, показващ проблема, който се опитвам да реша. За да разберете напълно същността на проблема, опитайте да задържите курсора на мишката върху изображението бавно отгоре надолу.


javascript html css mouseover imagemap
person Terence Cudney    schedule 19.12.2012    source източник
comment
би било полезно, ако включите кода, който имате досега   -  person Wim Ombelets    schedule 19.12.2012

Отговори (1)


arrow_upward
0
arrow_downward

Най-добрият начин да направите нещо подобно е с CSS и селектора :hover.

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

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

Разбира се, тук ще имате нужда от повече стилове и подходящо подбрани елементи, за да работи това така, както искате.

person mkey    schedule 19.12.2012