голосование
PHP
jQuery
Firebird
BASH
HTML
Ресурсы
GIT
SEO
Oracle
Python
Программы
Хостинг
Проголосуйте за категорию!
счётчик
Яндекс.Метрика

Как применить анимацию в 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 );
просмотры: 487, уровень: лёгкий уровень, рейтинг: 0, дата: 2015-12-26 10:46:08
проголосовать:

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






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