• Инструменты для разработчика

    • Самые удобные инструменты для разработчика, которые облегчат жизнь любого как начинающего так и продвинутого разработчика. Украшатели, уменьшители, конвертеры кодов. Доменные инструменты. Всё в одном комплекте.
  • Использование BB кодов. Тут указаны существующие BB коды на форуме.

jQuery №4 Урок l Исчезновение ljQuery от Jackwar l

  • Автор темы Jackwar
  • Дата создания
  • Ответов 0
  • Просмотров 971

Jackwar

Заблокирован
Регистрация
22.01.2016
Сообщения
36
Репутация
5
Баллы
0
Награды
0
Лучшие ответы
0
Здесь я обучу вас как прятать тексты и чтобы они появлялись и закрывались каждые 2сек.(Как flash анимация.)
Примеры

jQuery метод fadeIn()
Демонстрирует постепенное появление jQuery.

jQuery мтеод fadeOut()
Демонстрирует постепенное исчезновение jQuery.

jQuery fadeToggle()
Демонстрирует метод jQuery fadeToggle().

jQuery метод fadeTo()
Демонстрирует jQuery метод fadeTo().

jQuery Методы Исчезания

С jQuery можно постепенно показать или скрыть.

у jQuery есть следующие методы исчезания:

fadeIn()
fadeOut()
fadeToggle()
fadeTo()
Постепенное появление jQuery - Метод fadeIn()

Постепенное появление jQuery или метод fadeIn() используется, чтобы постепенно показать скрытый элемент.

Синтаксис:

$(селектор).fadeIn(скорость,обратный_вызов);
Дополнительный параметр скорости определяет продолжительность эффекта. Он может принять следующие значения: "slow", "fast" или миллисекунды.

Дополнительный параметр обратного вызова - функция, которая будет выполняться после того, как появление элемента завершается.

Следующий пример демонстрирует метод fadeIn() с различными параметрами:
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});

Постепенное исчезновение jQuery - Метод fadeOut()

Постепенное исчезновение jQuery или метод fadeOut() используется, чтобы постепенно скрыть видимый элемент.

Синтаксис:

$(селектор).fadeOut(скорость,обратный_вызов);
Дополнительный параметр скорости определяет продолжительность эффекта. Параметр может принять следующие значения: "slow", "fast" или миллисекунды.

Дополнительный параметр обратного вызова - функция, которая будет выполняться после того, как исчезновение завершается.

Следующий пример демонстрирует мтеод fadeOut() с различными параметрами:

$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});


jQuery Метод fadeToggle()

jQuery метод fadeToggle() переключает между постепенным появлением и постепенным исчезновением.

Если элементы постепенно исчезли, fadeToggle() постепенно их показывает.

Если элементы постепенно появились, fadeToggle() постепенно их скрывает.

Синтаксис:

$(селектор).fadeToggle(скорость,обратный_вызов);
Дополнительный параметр скорости определяет продолжительность эффекта. Он может принять следующие значения: "slow", "fast" или миллисекунды.

Дополнительный параметр обратного вызова - функция, которая будет выполняться после того, как исчезновение/появление завершается.

Следующий пример демонстрирует fadeToggle() метод с различными параметрами:

$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});

jQuery Метод fadeTo()

jQuery метод fadeTo() позволяет исчезать до заданной непрозрачности (значение между 0 и 1).

Синтаксис:

$(селектор).fadeTo(скорость,непрозрачность,обратный_вызов);
Необходимый параметр скорости определяет продолжительность эффекта. Он может принять следующие значения: "slow", "fast" или миллисекунды.

Необходимый параметр непрозрачности в методе fadeTo() определяет исчезновение до заданной непрозрачности (значение между 0 и 1).

Дополнительный параметр обратного вызова - функция, которая будет выполняться после того, как функция fadeTo() завершается.

Следующий пример демонстрирует метод fadeTo() с различными параметрами:

$("button").click(function(){
$("#div1").fadeTo("slow",0.15);
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});

---------- Сообщение добавлено в 06:43 ---------- Предыдущее сообщение было в 06:42 ----------

Информация Кому не жалко,оставьте + к репутации.

 
Сверху Снизу