Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30


Чувашия-это моя Россия

Функция animate() в jQuery.

Для проявления творчества, не ограниченного только встроенными функциями библитеки jQuery, в jQuery применяется функция animate() при создании и оформлении страниц Вашего сайта.

Функция animate() дает возможность анимировать на странице бесплатного сайта любое свойство каскадных таблиц стилей CSS, размер текста, расположение элементов, стпени прозрачности и толщин рамок и границ областей элементов.

Функция animate() может работать сразу с несколькими аргументами. Первый аргумент литерал объекта, ведь надо же определяться свойствами CSS, продолжительность анимации во второй очереди записана. Значениями третьего аргумента можно задавать так называемый счетчик += или -= как оператор, учитывающий сдвиг элемента выборки.

Функция animate() не принимает сокращенную форму стилей CSS, поэтому в частности, чтобы изменить толщину границы элемента необходимо написать свойство каждой стороны элемента и в полной форме, например:

 
                          $('.nav').animate({
                          borderTop: 5px,
                          borderRight: 5px,
                          borderBottom: 5px
                          },
                          1500
                          );

данный код программы в течение полутора секунд задает значение трех сторон всех элементов выборки класса nav толщину пять пикселей.

Как видите, при использовании свойств каскадных таблиц стилей CSS в в jQuery удаляется дефис в названиях элементов стилей и вместо него пишется заглавной первая буква после дефиса, например, было border-right, стало borderRight.

Третьим аргументом функции animate() является регулирующий скорость отображения во время анимации, то есть скорость анимации может быть рванной, что естествено делает анимацию элементов выборки более динамичной и увлекательной. Тем более имеются в библиотеке jQuery встроенные функции изменения направления движения элементов по разным замысловатым траекториям. Как запланированным, так и с применением функции генератора случайной чисел randomize() или random().

Этот аргумент и есть easing. Параметр easing принимает не только два значения: linear и swing.

Первый параметр производит равномерную анимацию.

Второй параметр имеет рванный темп. По умолчанию метод easing принимает параметр swing.

Имеются множество методов, связанные с easing методом изменения скорости анимации, вот некоторые из них:

 
                       
                       easing.easeInQuad() 
                       easing.easeInOutQuad() 
                       easing.easeOutExpo() 
                       easing.easeInBounce()  
                       easing.easeInOutBounce() 
                       easing.easeInElastic() 
                       easing.easeOutElastic() 
                       easing.easeInOutElasti() 
                       easing.easeInBack()
                       .....................

seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: