jQuery-de fadeTo metodu

fadeTo metody elementiň opacity görkezijisini kesgitlenen bahä çenli üýtgetmäge mümkinçilik berýär (0 - doly şaffaf, 1 - doly şaffaf däl). Metod birinji parametr hökmünde şaffaflygy nähili bahä çenli üýtgetmelidigini, ikinjisi bolsa ýerine ýetirilýän wagty kabul edýär.

Geliň, düwmä basylanda elementimiziň bir sekuntda ýarym şaffaf bolýandygy ýaly edeliň. Ilki bilen şu HTML kody alyň:

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

Şeýle-de, CSS-miz bardyr diýeliň:

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

Indi şu Javascript kodyny ýazýarys:

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