Метод .fadeTo() плавно меняет прозрачность элемента до заданного значения.
См. также метод show, который показывает элементы.
См. также урок работа с эффектами и анимацией jQuery для более полного понимания.
Синтаксис
Показ за заданное время:
.fadeTo(миллисекунды, значение прозрачности)
Время можно задавать не только в миллисекундах, но и ключевыми словами slow (200 мс) и fast (600 мс):
.fadeIn(slow или fast, значение прозрачности)
Третьим параметром можно указывать скорость анимации:
.fadeIn(миллисекунды, значение прозрачности, скорость анимации)
После выполнения анимации можно вызвать callback-функцию:
.fadeIn(миллисекунды, значение прозрачности, функция)
Примеры
Пример
В следующем примере по нажатию на первую кнопку элемент будет скрываться путем уменьшения прозрачности до 0.5, а на вторую - показываться:
<button onclick="hide()">Скрыть</button>
<button onclick="show()">Показать</button>
<div id="test"></div>
function hide() {
$('#test').fadeOut(1000, 0.5);
}
function show() {
$('#test').fadeTo(1000, 1);
}
Результат выполнения кода: