Функция jQuery().fadeIn
.fadeIn( [ duration ], [ callback ] )
Функция fadeIn() служит для создания эффекта проявляющихся элементов путем изменения параметра «opacity» с 0% до 100%.
Параметр «duration» задает скорость анимации в миллисекундах. Если вместо числа указать значение «fast» или «slow», то длительность анимации будет соответствовать интервалам 200 и 600 миллисекунд. Если указать другие строковые значения или не задать параметр вообще, то по умолчанию используется интервал в 400 миллисекунд.
Параметр Callback — это указатель на функцию, которая запускается после завершения анимации (необязательный параметр). Как правило, это свойство используется, чтобы связать несколько разных анимаций.
Сделать анимацию можно для любого элемента, например, для простого изображения:
Функция fadeIn() служит для создания эффекта проявляющихся элементов путем изменения параметра «opacity» с 0% до 100%.
.fadeIn( [ duration ], [ callback ] )
duration - строка или число, определяющее длительность анимации.
callback - функция, к которой обращается программа, как только анимация закончится.
Параметр «duration» задает скорость анимации в миллисекундах. Если вместо числа указать значение «fast» или «slow», то длительность анимации будет соответствовать интервалам 200 и 600 миллисекунд. Если указать другие строковые значения или не задать параметр вообще, то по умолчанию используется интервал в 400 миллисекунд.
Параметр Callback — это указатель на функцию, которая запускается после завершения анимации (необязательный параметр). Как правило, это свойство используется, чтобы связать несколько разных анимаций.
Сделать анимацию можно для любого элемента, например, для простого изображения:
<div id="clickme">
Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123" />
With the element initially hidden, we can show it slowly:
$('#clickme').click(function() {
$('#book').fadeIn('slow', function() {
// Animation complete
});
});
Функция jQuery().slideUp
.slideUp( [ duration ], [ callback ] )Функция служит для создания эффекта исчезновения элементов.
.slideUp( [ duration ], [ callback ] )
Duration строка или число, определяющее длительность анимации.
Callback функция, вызываемая после завершения анимации.Метод .slideUp() , изменяет высоту элементов, создавая эффект скольжения. При этом нижние элементы страницы поднимаются наверх, скрывая таким образом старые элементы. Как только значение высоты достигает нуля, параметр display устанавливается в значение none для того, это делается для того чтобы элемент не участвовал в отображении страницы.
Параметр Duration задает скорость анимации в миллисекундах. Чем больше это значение, тем медленее анимация, а не наоборот. Строки 'fast' и 'slow' задают длительность анимации — 200 или 600 миллисекунд соответственно. Если указать другие строковые значения или не задать параметр вообще, то по умолчанию используется интервал в 400 миллисекунд.
Параметр callback — это указатель на функцию, которая запускается после завершения анимации (необязательный параметр). Как правило, этот параметр используется, чтобы связать несколько разных анимаций. Важно помнить, что при создании анимации для нескольких элементов, функция callback выполняется для каждого элемента в отдельности, а не для всей анимации в целом.
Пример:
<div id="clickme">
Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123" />При условии, что элемент изначально отобржается, мы можем медленно его спрятать:
$('#clickme').click(function() {
$('#book').slideUp('slow', function() {
// Animation complete.
});
});
Функция jQuery().slideDown
.slideDown( [ duration ], [ callback ] )Returns: jQuery Функция служит для создания эффекта скольжения элементов
.slideDown( [ duration ], [ callback ] )
duration строка или число, определяющее длительность анимации.
callback функция, вызываемая после завершения анимации.Используя метод .slideDown(), можно изменять высоту элементов, создавая эффект скольжения. При этом нижние элементы страницы опускаются вниз, позволяя появляться новым элементам.
Параметр Duration задает скорость анимации в миллисекундах. Чем больше это значение, тем медленее анимация, а не наоборот. Строки 'fast' и 'slow' задают длительность анимации — 200 или 600 миллисекунд соответственно. Если указать другие строковые значения или не задать параметр вообще, то по умолчанию используется интервал в 400 миллисекунд.
Параметр callback — это указатель на функцию, которая запускается после завершения анимации (необязательный параметр). Как правило, этот параметр используется, чтобы связать несколько разных анимаций. Важно помнить, что при создании анимации для нескольких элементов, функция callback выполняется для каждого элемента, а не для всей анимации в целом.
Пример:
<div id="clickme">
Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123" />
With the element initially hidden, we can show it slowly:
$('#clickme').click(function() {
$('#book').slideDown('slow', function() {
// Animation complete.
});
});