новечёк, Ваш пример я разбирать не буду. Если уж совсем просто, то так:
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div { background-color:green; height:400px; width:400px; }
</style>
<script type="text/javascript">
var i = 0;
function jsl() {
for(; i<100; i++) {
document.getElementsByTagName('div')[0].style.marginLeft = i+'px';
}
}
function jsr() {
for(; i>0; i--) {
document.getElementsByTagName('div')[0].style.marginLeft = i+'px';
}
}
</script>
</head>
<body>
<div onmouseover="jsl();" onmouseout="jsr();"></div>
</body>
</html>