micscr, то есть события вызываются неоднократно при наведении на div?
Еще вызываются событие для table, для td что ли?
Ну...в любом случае я переделал немного по иному(кстати в этом случае события так же должны вызываться беспорядочно как вы говорите), и работает. Заменил setInterval и clearIterval(там я че-то намудрил, что не совсем очевидно как они выполняются) на setTimeout и положил его в саму функцию. Не знаю, может тут конечно тоже коряво понаписал?
Код:
<html>
<head>
<style type='text/css'>
.header{
font-size:24px;
text-align:center;
}
.container{
background-color:#993300;
width: 100%
}
</style>
<script src='/opacity.js' type='text/javascript'></script>
<script type='text/javascript'>
var count = 100
var m_in = 0
function movein(){
if(count > 2 && m_in == 0){
document.getElementById('header').width = (parseInt(document.getElementById('header').width) - 2) + '%'
count -=2
setTimeout(movein, 5)
}
}
function moveout(){
if(count < 100 && m_in == 1){
document.getElementById('header').width = (parseInt(document.getElementById('header').width) + 2) + '%'
count +=2
setTimeout(moveout, 5)
}
}
function movei(){
m_in=0
movein()
}
function moveo(){
m_in=1
moveout()
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body>
<div align="center" class='container' onMouseOver='movei()' onMouseOut='moveo()'>
<table id='header' class='header' width="100%" height="10%" bgcolor='#993300'>
<tr>
<td>A</td>
<td>L</td>
<td>A</td>
<td>N</td>
<td>D</td>
</tr>
</table>
</div>
</div>
</body>
</html>