JQuery живата () - метод обвивка, т.е. работи с предварително избран набор от DOM елементи увити JQuery. Методът дава възможност да се прилагат желаните анимационни ефекти на елементите в комплекта. Изпълнение на гореизложеното, на практика стана възможно благодарение на набор от CSS свойства и стойности, че тези имоти ще бъдат в края на изпълнението анимация. Междинните стойности стил ще имат върху постигането на желания ефект (автоматично контролира анимация двигател), определя продължителността на ефекта и функция-облекчаване; Две от тези опции са разгледани по-долу.

Списък на откритите анимация CSS свойства се ограничава само до тези, които могат да се вземат числени стойности. Стойностите могат да бъдат абсолютно (например 200), или относителни. Когато абсолютната стойност на единица JQuery е по подразбиране - пиксела. Ние можем да използваме специални единици: ги, вещно или интерес. За да се определи относителната стойност използва префикси или = + - =; префикси насочени относителна целева стойност в положителна или отрицателна посока, съответно.

Параметрите и живата метода подпис ()

Методът има две основни форми; Най-използвани незадължителни параметри (в квадратни скоби).

• анимиране (свойства [, продължителност] [, облекчаване] [, обаждане])
• анимиране (свойства [, опции])

• свойства (обект): списък на свойства CSS съдържащ постигнати в края на стойността на анимация.
• продължителност (Номер | String): продължителността на ефекта в милисекунди, или някой от готовите линии: "забави" (600ms), "нормално" (400ms), или "бърз" (200ms). Стойност по подразбиране - "нормално".
• облекчаване (String): Използва се в преход (преход) на името на функцията затихващата (който определя промяната на скоростта на анимацията). Стойността по подразбиране на "люлка".
• обаждане (Функция): Функцията се изпълнява след приключване на анимация за всеки анимационен елемент.
• опции (обект): обект, който съдържа набор от свойства (допълнителни опции), за да бъдат предадени на метода. От следните свойства:
  • Винаги (функция): функция, за да се нарече в края на анимацията, или когато изпълнението на анимацията спира (но не е завършена).
  • пълен (Функция): изпълнява функциите в края на анимацията.
  • направено (функция), наречен в края на функцията за анимация.
  • продължителност (String | Number): описани по-горе.
  • облекчаване (стринга): описано по-горе.
  • провали (функция) се извършва, когато опит анимация.
  • прогрес (Функция): Извършва се след всяка стъпка от анимацията. Той призова веднъж за всеки елемент след анимация изпълнение.
  • опашка (Булев): Когато анимацията трябва да бъде поставен във всички ефекти / функции (ефекти опашка (подробности по-долу) Стойността по подразбиране е - вярно ..
  • specialEasing (обекта): обект, чиито параметри са CSS имоти, чиито стойности са функции на възел
  • започнете (Функция) се изпълнява, когато анимацията започва да се осъществи.
  • етап (функция): функция, наречена за всеки анимационен собственост на всеки анимационен елемент.

Облекчаване на термин, използван за описание на метод, който определя и контролира скоростта на обработка на анимация рамки. Анимация се изпълнява последователно, ако опция опашка е зададен като истина. и паралелно (опашката) - ако и двете невярно.

Примери за използване на метод живата ()

Ние прилагаме този метод на практика. Имайте предвид, че при изпълнение на сложни анимации ред, създадени по този метод, могат да възникнат грешки. Това е, за много сложни анимации, този метод трябва да се избягва.

единичен анимация

Създаване на единна анимация е изключително лесно, само с едно обаждане. Например, че е необходимо да се премине на члена от едната страна до другата блок. За да се убедите в това анимация, създаване на две Разделение елементи, една в друга. Стилът е, както следва: вътрешен фон Разделение - червено. код:

Приложимо одушевени () и да се премести малкия площад от едната страна към другата:

Съживява само лявата имота. Продължителност на анимацията - предварително определена стойност бавно (600ms). вътрешен