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