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

Эффекты в 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.

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