голосование
PHP
Javascript
BASH
Firebird
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 );
просмотры: 641, уровень: лёгкий уровень, рейтинг: 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://www.2domains.ru домен RU домен RU всего за 99 рублей
http://trainingweb.ru/redirect/well_web_vps_kvm Аренда VPS KVM в Европе Мы предлагаем в аренду VPS серверы с выделенным IP-адресом, которые полностью эмулируют физический сервер.