что то подобное:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div style="width: 200px; height: 30px; background-color: green;" onmouseover="mouseover(this);" onmouseout="mouseout(this);" onmousedown="mousedown(this);" onmouseup="mouseup(this);">Жмакай меня полностью!</div>
<script type="text/javascript">
var clickme = false;
function mouseover(ths)
{
ths.style.background = clickme ? 'silver' : 'blue';
}
function mouseout(ths)
{
ths.style.background = 'green';
}
function mousedown(ths)
{
clickme = true;
ths.style.background = 'silver';
}
function mouseup(ths)
{
clickme = false;
ths.style.background = 'blue';
}
document.onmouseup = function()
{
clickme = false;
}
</script>
</body>
</html>