Пример использования

$(document).ready(function(){
  
   $("#but1").click(function(){
      $("#par1").animate({fontSize:"1.3em"},1000);
      $("#par1").animate({marginLeft:"30px"},1000);
      $("#par1").animate({marginTop:"50px"},1000);
      alert("Это окно должно быть отображено после 3-го шага анимации.");
      $("#par1").animate({fontSize:"1em"},1000);
      $("#par1").animate({marginLeft:"0px"},1000);
      $("#par1").animate({marginTop:"0px"},1000);
   });

});

Определение и использование

С помощью метода animate Вы можете создавать анимацию на Ваших страницах.

Метод animate плавно изменяет первоначальное CSS оформление элемента на указанное в параметрах создавая этим эффект анимации.

Для создания анимации могут быть использованы только CSS свойства содержащие численные значения (например такие как font-size или border-width). CSS свойства содержащие строковые значения (такие как color) не могут быть анимированы.

Синтаксис

$(селектор).animate({стили},скорость,функция_смягчения,функция_обратного_вызова)

селектор выбирает элемент, который будет анимирован.

стили (обязательный параметр) Содержит CSS свойства для создания анимационного эффекта. Данный параметр должен содержать DOM имена (представляют собой видоизмененные CSS свойства в которых слова разделенные через тире пишутся слитно и с большой буквы, например background-color превратится в backgroundColor, font-size в fontSize), а не CSS названия свойств.

скорость задает скорость выполнения анимации. Скорость может быть задана в миллисекундах или с помощью одного из предопределенных свойств: slow, fast, normal (медленно, быстро, нормально).

функция_смягчения задает функцию смягчения. Функция смягчения отвечает за плавность выполнения анимации.

функция_обратного_вызова задает функцию, которая будет вызвана, когда анимация будет завершена.