За допомогою методу animate () Ви можете створювати на Ваших сторінках повноцінну анімацію.
стилі задає CSS стилі для анімації (до елементу одночасно може бути застосовано кілька стилів).
швидкість задає швидкість анімації. Ви можете вказати швидкість використовуючи зумовлені властивості: "slow", "fast", "normal" (повільно, швидко, нормально) або вказати швидкість в мілісекундах (1000 мілісекунд = 1 секунда).
функція_смягченія задає функцію, яка буде відповідати за плавність виконання анімації.
функція вказує ім'я функції, код якої буде виконаний після завершення анімації.
Зверніть увагу: для того, щоб скористатися властивостями позиціонування елемента необхідно спочатку встановити властивості position значення відмінне від static.
Зверніть увагу: повний список всіх існуючих ефектів jQuery з прикладами їх використання Ви знайдете в нашому jQuery довіднику.
Завдання 1 реалізуйте підпункти перераховані нижче шляхом додавання на сторінку відповідного jQuery коду:- При натисканні на кнопку з id = but1 абзац з id = par1 повинен зникати, а при натисканні на кнопку c id = but2 з'являтися.
- При наведенні курсора миші на абзац з id = par2 він повинен стати прозорим (можна задавати будь-які значення прозорості, але необхідно щоб текст при цьому був бачимо) протягом 3 секунд (3000 мілісекунд). При виведенні курсора миші за межі абзацу він повинен повернути стандартні значення прозорості.
- При натисканні на кнопку з id = but3 висота елемента wrap1 повинна бути зменшена до 0 протягом 5 секунд. При натисканні на кнопку з id = but4 елементу wrap1 протягом 7 секунд повинна бути повернена стандартна висота.
- Створіть анімацію, що переміщує червоний квадрат по черзі по всіх чорним квадратах з цифрами. Анімація повинна активуватися при натисканні на кнопку з id = but5.