Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.02.2013, 19:28
Профессор
Отправить личное сообщение для hoax Посмотреть профиль Найти все сообщения от hoax
 
Регистрация: 20.09.2012
Сообщений: 151

Вроде должна работать анимация
<html>
<body>
<head>
<style>

#time {background:blue;width:50px;height:50px;opacity:0.5}

</style>
</head>
<body>
<div onclick="move(this)" id="time">

</div>

<script>


 function animate(opts) {
 
 
 var start = new Date;
 
 var timer = setInterval(function() {
 
 var progress = (new Date - start) / opts.duration; // выясняем время
 
  if (progress > 1) progress = 1;
 
 if (progress == 1) {
 clearInterval(timer);
 opts.complete;
 
 
 }
 
 
  opts.step(opts.delta(progress));
 
 }, 10)
 
 
 
 return timer;
 
 };
 
 
 function move(el, delta) {
 
 animate({
 duration:1000,
 delta:linear,
 step:function(delta) {  

el.style.opacity = Math.round(0.5 + (1.0 - 0.5)*delta);

 }
 })
 }
 
 
 function linear(progress) {
  return progress;
}
 
 

</script>
</body>
</html>

Последний раз редактировалось hoax, 07.02.2013 в 19:31.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JQuery, анимация для нескольких элементов сразу, возможно ли? Logo jQuery 21 29.05.2012 21:50
Не работает анимация при загрузки ajax ArtOs Общие вопросы Javascript 0 24.05.2012 17:52
Анимация движения Armen Общие вопросы Javascript 8 02.08.2011 18:32
Анимация. Помогите понять почему не работает. kadurban jQuery 4 08.07.2010 20:50
Цикличность анимация? SashaBorandi jQuery 1 25.12.2008 09:20