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