Кратенько HTML
<div style="background-image:url('_ima/but.gif')" id="but1" onmouseover="mybut('but1', 1)" onmouseout="mybut('but1')" onmousedown="mybut('but1', 2)" onmouseup="mybut('but1', 1)">
</div>
Кратенько Javascript
function mybut(elId, flag) {
if (typeof flag == 'undefined') {flag = 0};
var elem = document.getElementById(elId).style;
switch (flag) {
case 0: elem.backgroundImage = 'url("_ima/but.gif")'; break;
case 1: elem.backgroundImage = 'url("_ima/but1.gif")'; elem.height = '24px'; elem.paddingTop = '0'; break;
case 2: elem.backgroundImage = 'url("_ima/but2.gif")'; elem.height = '23px'; elem.paddingTop = '1px';
}
}
Почему-то у меня при отпускании кнопки мыши срабатывает
case 0,
хотя вроде должно срабатывать
case 1. Правильно работает только в IE7-8.