jQuery функция .fadeTo()

Раздел: Эффекты jQuery

Описание: Устанавливает непрозрачность соответствующих элементов.

Обработчик события может быть прикреплен к любому элементу

Функция выполняется один раз при нажатии на элемент.

Функция может не принимать никаких аргументов.

Опции: .fadeOut()( продолжительность , непрозрачность , [ ослабление ], [ функция ])

  1. * Продолжительность - Строка или число, определяющие, как долго анимация будет работать.
  2. * Непрозрачность - Число между 0 и 1 обозначающее непрозрачность.
  3. Ослабление- функция смягчения для перехода.
  4. Функция вызываемая после завершения анимации.

* Продолжительность и Непрозрачность - обязательные параметры

Ослабление необязательная опция, по умолчанию swing, с постоянной скоростью, называется linear

Длительность приведена в миллисекундах; более высокие значения указывают на более медленную анимацию, а не побыстрей. Строки 'fast' и 'slow' могут быть поставлены для обозначения длительностей 200 и 600миллисекунд, соответственно.

Примечание: Все jQuery эффекты, в том числе .fadeTo(), могут быть отключены глобально, установив jQuery.fx.off = true, что фактически устанавливает Длительность в 0

html:
<div id="target">
  <p>Блок с текстом</p> 
  <p>Метод .fadeTo() анимирует непрозрачность соответствующих элементов.</p> 
  <p>После завершения анимации, вызывается функция один раз.</p>
</div>

javascript:
  // Продолжительность slow ,  непрозрачность 0.5
  $( "#target > p" ).fadeTo('slow', 0.5); 
 
  // Продолжительность slow , непрозрачность 0.5 , вызов функции 
  $( "#target > p" ).fadeOut('slow', 0.5, function() {
  	// Animation complete.
 });

Живые примеры

Пример 1

Кликни по блоку , чтобы он изменил прозрачность

Щелкните этот абзац, чтобы он изменил прозрачность
Кликни этот абзац, чтобы он изменил прозрачность
Кликни этот абзац, чтобы он изменил прозрачность
Кликни этот абзац, чтобы он изменил прозрачность