Método fadeTo en jQuery
El método fadeTo
permite reducir la transparencia
opacity
de un elemento a un valor específico (0 - completamente
transparente, 1 - completamente opaco).
El primer parámetro que el método acepta es a qué
valor cambiar la transparencia, y el segundo
- el tiempo de ejecución.
Hagamos que al hacer clic en un botón
nuestro elemento se vuelva semitransparente en
1 segundo. Para empezar, tomemos el siguiente código HTML:
<button id="fade">click me</button>
<div id="elem">text...</div>
Supongamos que también tenemos CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Ahora escribimos el siguiente código Javascript:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});
