события мыши с кнопками: наведение мыши, onclick, static

Question

Мне бы хотелось, чтобы у кнопки было 3 разных состояния (3 разных изображения одной и той же кнопки).при наведении мыши на изображение, но ничего при помощи опции щелчка.

Спасибо:)

Answer 1

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

#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'