события мыши с кнопками: Mouseover, OnClick, статические

Question

я хотел бы кнопку, чтобы иметь 3 различных состояний (3 разные изображения одного и того же кнопки) -static -hover -Щелкните -release (обратно к статическому электричеству)

Я нашел много примеров манипуляции с курсором мыши, но ничего не найдено.

спасибо :)

Answer 1

высокого уровня Ответ: использовать CSS1 :active pseudo-class.

#myButton { 
    /* static state */ 
} 

#myButton:hover { 
    /* hover state */ 
} 

#myButton:active { 
    /* state while clicked but not released */ 
} 

Answer 2

события, которые вы хотите являются mouseover, mouseout, mousedown и mouseup

Оттуда вы можете легко переместить фон:

document.getElementById('my_element').style.backgroundPosition='100px 100px'