jQuery-da fadeTo metodi

fadeTo metodi elementning opacity shaffofligini ma'lum bir qiymatgacha o'zgartirishga imkon beradi (0 - butunlay shaffof, 1 - butunlay shaffof emas). Metod birinchi parametr sifatida shaffoflik qaysi qiymatgacha o'zgartirilishini, ikkinchi parametr sifatida esa bajarilish vaqtini qabul qiladi.

Keling, tugmacha bosilganda bizning elementimiz 1 soniya ichida yarim shaffof bo'lib qolsin. Boshlanish uchun quyidagi HTML kodini olaylik:

html<button id="fade">meni bosing</button>
<div id="elem">matn...</div>

Shuningdek, bizda CSS bo'lsin:

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

Endi quyidagi Javascript kodini yozamiz:

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