На этом шаге мы рассмотрим использование дополнительных параметров при реализации переходов.
Улучшенные функции реализации переходов позволяют изменять скорость и дистанцию в различных точках выполнения переходов в процессе воспроизведения эффектов. Например, функция 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/.
На следующем шаге мы рассмотрим дополнительные эффекты.
