Método fadeTo no jQuery
O método fadeTo
permite reduzir a transparência
opacity
de um elemento para um valor específico (0 - completamente
transparente, 1 - completamente opaco).
O primeiro parâmetro do método é para qual
valor alterar a transparência, e o segundo
- o tempo de execução.
Vamos fazer com que, ao clicar no botão,
nosso elemento se torne semitransparente em
1 segundo. Para começar, vamos pegar o seguinte código HTML:
<button id="fade">click me</button>
<div id="elem">text...</div>
Vamos supor que também tenhamos o CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Agora, escrevemos o seguinte código Javascript:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});
