A fadeTo metódus a jQuery-ben

A fadeTo metódus lehetővé teszi egy elem opacity átlátszóságának csökkentését egy meghatározott értékre (0 - teljesen átlátszó, 1 - teljesen átlátszatlan). Az első paraméterként a metódus azt az értéket veszi fel, amelyre az átlátszóságot változtatni kell, a második pedig a végrehajtás idejét.

Tegyük fel, hogy egy gombra kattintva az elemünk félátlátszóvá válik 1 másodperc alatt. Kezdjük a következő HTML kóddal:

html<button id="fade">click me</button>
<div id="elem">text...</div>

Legyen a következő CSS is:

css#elem {
  padding: 10px;
  width: 150px;
  height: 150px;
  border: 1px solid green;
  margin-top: 10px;
}

Most írjuk be a következő Javascript kódot:

javascript$('#fade').click(function() {
  $('#elem').fadeTo(1000, 0.5);
});