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

Эффекты в jquery

Раньше в далёкие времена не было jquery и сделать анимацию на чистом javascript было непросто. Теперь всё намного проще. После появления библиотеки jquery вы при помощи одной строки можете анимировать элемент на странице. В последнее время CSS3 набирает обороты и тоже может создавать анимацию. Но вернёмся к анимации в jquery. Я приведу список самых популярных анимаций:

  • hide()
  • show()
  • slideUp()
  • slideDown()
  • slideToggle()
  • fadeIn()
  • fadeOut()
  • fadeTo()
  • fadeToggle()

Очень часто я пользуюсь hide() скрытие и show() показ элемента. Это равносильно $("#selector").css({"display": "none"}) и $("#selector").css({"display": "inline"}). Чем короче вы пишите тем лучше. slideUp() и slideDown() разворачивает элементы на странице. slideToggle() - поочерёдно разворачивает элементы на странице. fadeIn() и fadeOut() - скрывает и показывает элементы на странице (меняется прозрачность элемента). fadeTo() - плавно меняет прозрачность элемента. fadeToggle() - поочерёдно скрывает показывает элементы на странице. Эффект такой же как у fadeIn() и fadeOut(). Например, нужно писать marginLeft вместо margin-left.

Помимо эффектов еще существует анимация. Смотрите статью как применить анимацию в jquery.

просмотры: 1148, уровень: лёгкий уровень, рейтинг: 5, дата: 2015-12-23 17:20: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 рублей