Die Methode fadeTo in jQuery
Die Methode fadeTo
ermöglicht es, die Transparenz
opacity
eines Elements auf einen bestimmten Wert zu reduzieren (0 - vollständig
transparent, 1 - vollständig undurchsichtig).
Der erste Parameter, den die Methode akzeptiert, ist der Wert, auf den
die Transparenz geändert werden soll, und der zweite
ist die Ausführungszeit.
Lassen Sie uns bewirken, dass bei einem Klick auf einen Button
unser Element halbtransparent wird, und zwar in
1 Sekunde. Nehmen wir zunächst den folgenden HTML-Code:
<button id="fade">click me</button>
<div id="elem">text...</div>
Nehmen wir außerdem an, wir haben folgendes CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Nun schreiben wir den folgenden Javascript-Code:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});
