С пытаюсь заставить один блок двигаться, пока на второй блок наведена мышь. И думал использовать для этого setInterval. Но не получается. Объясните плз почему.
<style>
#redDiv {
height:100px;
width:100px;
background-color:red;
border:1px solid black;
}
#hidendiv{
height:100px;
width:100px;
background-color:green;
border:1px solid black;
}
</style>
<script language = 'javascript'>
margin=0;
function move() {
var element=document.getElementById('hidendiv');
margin=margin+2;
element.style.marginLeft=margin+'px';
}
cleaner=0;
function moveMain() {
cleaner=setInterval(move(), 200);
}
function clean() {
clearInterval(cleaner);
}
</script>
</head>
<body>
<div id="redDiv" onmouseover="moveMain();" onmouseout="clean();">
</div>
<div id="hidendiv">
</div>
</body>