Новичок
11 уроков
(2 часа 6 минут)
Курс
Основы jQuery
Данный видеокурс познакомит вас с основами популярной библиотеки jQuery.

#8 — Базовые эффекты.

Сайт, в создание элементов которого включены различные анимационные эффекты, выглядит
гораздо интереснее, нежели сайт, все элементы которого «мертвы». Интерактивность всегда
привлекала пользователей.

В настоящее время все меньше остается сайтов, элементы которых не обладают никакой
динамикой. На этом уроке состоится ваше знакомство с так называемыми стандартными
методами анимации.

Какие методы и эффекты jQuery будут рассмотрены на видеоуроке

Мы рассмотрим, как применяются в jQuery эффекты скрытия и отображения, сворачивания и разворачивания, поочередного сворачивания и разворачивания, плавного изменения
прозрачности элемента. Узнаем, какие методы используются для срабатывания каждого эффекта. Например, методы jQuery hide и show, slideUp и slideDown. На уроке будет приведен
отличный тестовый пример создания галереи.

Приятного всем просмотра! Учитесь с удовольствием!


Знакомимся с эффектами:

Скрытия и появления объектов

    • e.show(milliseconds) — отобразит объект e за время milliseconds путем изменения его ширины, высоты и прозрачности.
    • e.hide(milliseconds) — скроет объект e за время milliseconds путем изменения его ширины, высоты и прозрачности.

Скрытия и появления объектов разворачиванием

    • e.slideUp(milliseconds) — свернет объект e за время milliseconds путем изменения его высоты.
    • e.slideDown(milliseconds) — развернет объект e за время milliseconds путем изменения его высоты.
    • e.slideToggle(milliseconds) — свернет/развернет объект e за время milliseconds путем изменения его высоты в зависимости от текущего состояния объекта.

Скрытия и появления объектов с прозрачностью

  • e.fadeIn(milliseconds) — отобразит объект e за время milliseconds путем изменения его прозрачности (opacity) до равного 1.
  • e.fadeOut(milliseconds) — скроет объект e за время milliseconds путем изменения его прозрачности до равного 0.
  • e.fadeTo(milliseconds, op_val) — установит значение прозрачности объекта e за время milliseconds равным op_val, где op_val может быть от 0.0 до 1.0.
  • e.fadeToggle(milliseconds) — скроет/отобразит объект e за время milliseconds путем изменения его прозрачности в зависимости от текущего состояния.

Материалы к уроку:
Делись:

Оставь комментарий!

Добавить комментарий

Рекомендуемые курсы