Анимация с JQuery для начинающих
Простой пример использования
Простой пример использования возможностей анимации jQuery. Наведите курсор на картинку, чтобы увидеть ее название и описание. При отведении мыши, они скроются. При наведении курсора на блоки с названием и описанием изображения, они изменят фоновый цвет.
Анимация использует easing, для создания большей привлекательности.
Анимация без использования easing
Нажмите на ссылку "Включить анимацию". Блок будет уменьшаться, пока его высота не станет равной нулю, а затем вернется к исходному размеру. Используется дефолтный метод swing
Включить анимациюАнимация с использованием easing
При изменении метода, высота блока становится равной нулю, с использованием стандартного метода easing, а затем блок разворачивается с помощью выбранного метода easing.
Анимация с образованием очереди эффектов
Наведите курсор на блок, а затем, до того как закончится анимация, быстро отведите в сторону. Повторите это несколько раз, и посмотрите как образуется очередь эффектов.
Анимация без образования очереди
Тот же эффект, только без создания очереди