[strengerst]

Сделал выпадающее меню с эффектами анимации на javascript. При наведении курсора мышки блок плавно выезжает, а как сделать что бы при отвода курсора меню сразу же заезжала. При чем не доехавшии до конечной позиции to-500px.

var g=document.getElementById("example");

function hou(){	function delta(progress) {  
    return progress;}
	function delta(progress) {  
    return progress;} 
	var element = document.getElementById("example");
var from = 0; // Начальная координата X
var to = 500; // Конечная координата X
var duration = 1000; // Длительность - 1 секунда
var start = new Date().getTime();// Время старта
setTimeout(function() {
    var now = (new Date().getTime()) - start;// Текущее время
    var progress = now / duration; // Прогресс анимации
    var result = (to - from) * delta(progress) + from;
	element.style.display="block"; 
    element.style.top = result + "px";
    if (progress < 1) // Если анимация не закончилась, продолжаем
        setTimeout(arguments.callee, 10);
}, 10);}

<ul><a href="#"    onmouseover="hou()">Меню</a>
<ul id="example" >
<li >Меню 1</li>
<li>Меню 2</li>
<li>Меню 3</li></ul></ul>