голосование
BASH
PHP
Javascript
HTML
Программы
Firebird
Майнинг
PostgreSQL
Хостинг
Железо
Ресурсы
GIT
SEO
Oracle
Python
Мобильные технологии
Ремонт
Mercurial
Заработок на сайте
Docker
Проголосуйте за категорию!
счётчик
Яндекс.Метрика

Как применить анимацию в jquery

Вы можете сделать свою пользовательскую анимацию при помощи функции animate(). Ключ представляет собой свойство стиля. Тут есть один важный момент: ключ должен быть написан в стиле верблюжья нотация CamelCase. По-другому работать не будет! Длительность задаётся в миллисекундах.


$("#block").animate({"ключ": "значение"}, "длительность" );

Приведу простой пример.


$("#block").animate({
   width: "70%",
   opacity: 0.4,
   marginLeft: "10px",
   fontSize: "14px",
   borderWidth: "10px"
}, 1500 );

вы можете много раз использовать анимацию. Допустим цепочка анимаций из двух частей. Сначала отработает первая часть, потом вторая. Вы можете сделать свою достаточно длинную анимацию. Посмотрите на код ниже. Тут сначала высветляется блок, а потом снова принимает свой естественный цвет. Я просто меняю прозрачность.


$(".top").animate({opacity: 0.4}, 1500 ).animate({opacity: 1.0}, 1500 );
просмотры: 1133, уровень: лёгкий уровень, рейтинг: 0, дата: 2015-12-26 10:46:08
проголосовать:

Комментарии:






поиск
реклама
банеры
Мы предлагаем в аренду VPS серверы с выделенным IP-адресом, которые полностью эмулируют физический сервер.
http://trainingweb.ru/redirect/well_web_vps_kvm Аренда VPS KVM в Европе Мы предлагаем в аренду VPS серверы с выделенным IP-адресом, которые полностью эмулируют физический сервер.
http://trainingweb.ru/redirect/pingadmin мониторинг сайтов сервис мониторинга работы сайта, мониторим HTTP, HTTPS, FTP, MYSQL, PostgreSQL, POP3, SMTP, IMAP
http://trainingweb.ru/redirect/domains домен RU домен RU всего за 99 рублей