Метод fadeTo в jQuery
Метод fadeTo
позволяет уменьшить прозрачность
opacity
элемента до определенного значения (0 - полностью
прозрачный, 1 - полностью непрозрачный).
Первым параметром метод принимает до какого
значения изменить прозрачность, а вторым
- время выполнения.
Давайте сделаем так, чтобы по клику на кнопку
наш элемент стал полупрозрачным за
1 секунду. Для начала возьмем следующий HTML код:
<button id="fade">click me</button>
<div id="elem">text...</div>
Пусть также у нас есть CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Теперь прописываем следующий Javascript код:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});