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

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

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






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