На этом шаге мы рассмотрим использование дополнительных параметров при реализации переходов.
Улучшенные функции реализации переходов позволяют изменять скорость и дистанцию в различных точках выполнения переходов в процессе воспроизведения эффектов. Например, функция easeInQuart заканчивает воспроизведение эффекта со скоростью в четыре раза большей, чем в самом начале. Любым методам воспроизведения эффектов, входящим в состав библиотеки jQuery или jQuery UI, мы можем передавать собственные функции реализации переходов. Делать это можно, передавая либо дополнительный аргумент, либо дополнительный параметр в отображении с параметрами в зависимости от используемого синтаксиса. Например, в примере 225 шага воспроизведения эффекта изменения цвета можно было бы указать функцию easeInQuart в виде дополнительного аргумента:
$(document).ready(function() { $('#mydiv').animate({ color: '#fff', backgroundColor: '#000' }, 'slow', 'easeInQuart'); });
Или в виде дополнительного параметра во втором способе:
$(document).ready(function() { $('#mydiv').animate({ color: '#fff', backgroundColor: '#000' }, { duration: 'slow', easing: 'easeInQuart' }); });
Рис.1. Эффект одновременного изменения цвета текста и фона (щелкните по кнопке)
Полный текст этого примера можно взять здесь.Демонстрационные примеры всего набора функций реализации переходов можно найти по адресу: http://gsgd.co.uk/sandbox/jquery/easing/.
На следующем шаге мы рассмотрим дополнительные эффекты.