Все можно
<html>
<head>
<meta charset='utf-8'>
<title></title>
</head>
<style>
</style>
<body>
<div style='width:100%;height:100%' id='div2' onclick='O(-2,"l")'></div>
<div id='div' style='position:absolute;top:0px;left:0px;width:300px;height:200px;background-color:f00;' onclick='O(2)' onmouseout='O(-1,false)' onmouseover='O(1,true)'>
<b id='b'>Блаблаблаблаблабла текст</b>
</div>
<script type='text/javascript'>
document.k = 0;
document.t = false;
document.l;
var div = document.getElementById('div');
var b = document.getElementById('b');
document.inka = b.innerHTML;
function O(arg,arg2){
if(arg2 == 'l'){
if(document.k != 2){
document.k += 2;
}
}
document.k += arg;
if(document.k > 3) document.k = 3;
if(document.k < -3) document.k = -3;
if((arg2 != null) && (arg2 != undefined)) document.t = arg2;
if(document.t == true){div.setAttribute('onmouseout','O(-1,false)');div.setAttribute('onmouseover','')}
else{div.setAttribute('onmouseover','O(1,true)');div.setAttribute('onmouseout','')}
if(document.k > 0){
document.getElementById('b').style.opacity = 0;
document.getElementById('div').style.border = 'solid blue 3px';
}
else{
document.getElementById('b').style.opacity = 1;
document.getElementById('div').style.border = 'solid red 3px';
}
}
</script>
</body>
</html>
нажатие на див будто вызывает фокус и он остается (как у формы), ну и при наводке тоже фокус образуется и исчезает при отводе =)=)
P.S. в коде ошибка скоро найду её.
P.P.S ошибка исправлена.