Показать сообщение отдельно
  #5 (permalink)  
Старый 26.12.2014, 08:30
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Skriptor,
http://learn.javascript.ru/js-animation

Когда прочтете, то для функции animate можно передать такую функцию step:
var animatedParams = [
 {
   name: "width", 
   start: 100,
   end: 250
 },
   name: "left",
   start: 15,
   end: 78
 }
];

var animatedElement = ...;

var step = function (progress) {
  animatedParams.forEach(function (animatedParam) {
    animatedElement.style[animatedParam.name] = (animatedParam.start + (animatedParam.end - animatedParam.start) * progress) + "px";
  });
}


animatedParams - массив параметров которые надо анимировать с именем анимируемого стиля, стартовым и конечным значением
animatedElement - элкмент который анимируем

Таким образом можно анимировать сколько угодно параметров в едениуц времени. Только такая функция не предполагает префиксов для CSS3, но направление мысли должно быть ясно

Последний раз редактировалось tsigel, 26.12.2014 в 08:56.
Ответить с цитированием