Web notes

Функция animate, на мой взгляд, является самой приятной в использовании. Ведь что может быть приятнее медленного изменения размера шрифта, цвета фона, ширины или прозрачности… Суть работы этого метода заключается в изменении css стиля в заданное нами значение.

Функция animate принимает следующие параметры: animate(params, speed, easing, callback);

params (Options) – свойства анимации (свойство: значение).
speed (String, Number ) – скорость в милисекундах.
easing (String) – замедление анимации ("easein", "easeout").
callback (Function) – функция, вызываемая по окончанию анимации.

$("#go").click(function(){
$("#block").animate({
width: "70%", //меняем ширину
opacity: 0.4, //меняем прозрачность
marginLeft: "0.6in", //меняем отступ слева
fontSize: "3em",  //меняем размер шрифта
borderWidth: "10px" //меняем толщину границы
}, 1500 ); //за полторы секунды
});

Ну а теперь и сам пример использования animate ().