Показать сообщение отдельно
  #1 (permalink)  
Старый 02.08.2011, 16:25
Аватар для Armen
Кандидат Javascript-наук
Отправить личное сообщение для Armen Посмотреть профиль Найти все сообщения от Armen
 
Регистрация: 28.06.2009
Сообщений: 120

Анимация движения
Здравсвуйте.
Подскажите пожалуйста.
Есть код хтмл
<div id="out" onclick="animate('example', function(p) {return p;})">
	<div id="example">Hello world</div>
</div>

и джаваскрипт
var element = document.getElementById("example");
		var from = 0; // Начальная координата X
		var to = 500; // Конечная координата X
		var duration = 1000; // Длительность - 1 секунда
		var start = new Date().getTime(); // Время старта
		
		var computedStyle = window.getComputedStyle(element, null);
		var style = computedStyle.left;

		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);

При клике должна срабатывать анимация, но ничего не работает.
Не могу понять, что не так сделал, подскажите пожалуйста
Ответить с цитированием