jQuery функция .fadeTo()
Раздел: Эффекты jQuery
Обработчик события может быть прикреплен к любому элементу
Функция выполняется один раз при нажатии на элемент.
Функция может не принимать никаких аргументов.
Опции: .fadeOut()( продолжительность , непрозрачность , [ ослабление ], [ функция ])
- * Продолжительность - Строка или число, определяющие, как долго анимация будет работать.
- * Непрозрачность - Число между 0 и 1 обозначающее непрозрачность.
- Ослабление- функция смягчения для перехода.
- Функция вызываемая после завершения анимации.
* Продолжительность и Непрозрачность - обязательные параметры
Ослабление необязательная опция, по умолчанию swing, с постоянной скоростью, называется linear
Длительность приведена в миллисекундах; более высокие значения указывают на более медленную анимацию, а не побыстрей. Строки 'fast' и 'slow' могут быть поставлены для обозначения длительностей 200 и 600миллисекунд, соответственно.
Примечание: Все jQuery эффекты, в том числе .fadeTo(), могут быть отключены глобально, установив jQuery.fx.off = true, что фактически устанавливает Длительность в 0
<div id="target"> <p>Блок с текстом</p> <p>Метод .fadeTo() анимирует непрозрачность соответствующих элементов.</p> <p>После завершения анимации, вызывается функция один раз.</p> </div>
// Продолжительность slow , непрозрачность 0.5 $( "#target > p" ).fadeTo('slow', 0.5); // Продолжительность slow , непрозрачность 0.5 , вызов функции $( "#target > p" ).fadeOut('slow', 0.5, function() { // Animation complete. });
Живые примеры
Пример 1
Кликни по блоку , чтобы он изменил прозрачность