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:
<button id="fade">meni bosing</button>
<div id="elem">matn...</div>
Shuningdek, bizda CSS bo'lsin:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Endi quyidagi Javascript kodini yozamiz:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});
