jQuery fade effektlari
jQuery yordamida elementlarni asta-sekin paydo qilish va yo‘qotish (fade) mumkin.
Panelni asta-sekin paydo qilish/yo‘qotish uchun bosing
Vaqt qimmatli bo‘lgani uchun biz tez va oson o‘rganish imkonini taqdim etamiz.
W3Schools’da o‘rganishingiz kerak bo‘lgan hamma narsani qulay va tushunarli formatda o‘qishingiz mumkin.
Misollar
jQuery fadeIn()
jQuery fadeIn() metodini namoyish etadi.
jQuery fadeOut()
jQuery fadeOut() metodini namoyish etadi.
jQuery fadeToggle()
jQuery fadeToggle() metodini namoyish etadi.
jQuery fadeTo()
jQuery fadeTo() metodini namoyish etadi.
jQuery fade metodlari
jQuery yordamida elementni asta-sekin paydo qilish va yo‘qotish mumkin.
jQuery’da quyidagi fade metodlari mavjud:
fadeIn()fadeOut()fadeToggle()fadeTo()
jQuery fadeIn() metodi
jQuery fadeIn() metodi yashirin elementni asta-sekin paydo qilish (fade in) uchun ishlatiladi.
Sintaksis:
$(selector).fadeIn(speed,callback);
Ixtiyoriy speed parametri effekt davomiyligini belgilaydi. U quyidagi qiymatlarni qabul qilishi mumkin: "slow", "fast" yoki millisekundlar.
Ixtiyoriy callback parametri — fade effekti tugagandan keyin bajariladigan funksiya.
Quyidagi misol fadeIn() metodini turli parametrlar bilan namoyish etadi:
Misol
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
O‘zingiz sinab ko‘ring »
jQuery fadeOut() metodi
jQuery fadeOut() metodi ko‘rinib turgan elementni asta-sekin yo‘qotish (fade out) uchun ishlatiladi.
Sintaksis:
$(selector).fadeOut(speed,callback);
Ixtiyoriy speed parametri effekt davomiyligini belgilaydi. U quyidagi qiymatlarni qabul qilishi mumkin: "slow", "fast" yoki millisekundlar.
Ixtiyoriy callback parametri — fade effekti tugagandan keyin bajariladigan funksiya.
Quyidagi misol fadeOut() metodini turli parametrlar bilan namoyish etadi:
Misol
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
O‘zingiz sinab ko‘ring »
jQuery fadeToggle() metodi
jQuery fadeToggle() metodi fadeIn() va fadeOut() metodlari o‘rtasida almashlab turadi.
Agar elementlar yo‘qotilgan (fade out) bo‘lsa, fadeToggle() ularni asta-sekin paydo qiladi.
Agar elementlar ko‘rinib turgan (fade in) bo‘lsa, fadeToggle() ularni asta-sekin yo‘qotadi.
Sintaksis:
$(selector).fadeToggle(speed,callback);
Ixtiyoriy speed parametri effekt davomiyligini belgilaydi. U quyidagi qiymatlarni qabul qilishi mumkin: "slow", "fast" yoki millisekundlar.
Ixtiyoriy callback parametri — fade effekti tugagandan keyin bajariladigan funksiya.
Quyidagi misol fadeToggle() metodini turli parametrlar bilan namoyish etadi:
Misol
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});
O‘zingiz sinab ko‘ring »
jQuery fadeTo() metodi
jQuery fadeTo() metodi elementni berilgan noshaffoflik (opacity) darajasigacha (0 va 1 orasidagi qiymat) asta-sekin o‘zgartirish imkonini beradi.
Sintaksis:
$(selector).fadeTo(speed,opacity,callback);
Majburiy speed parametri effekt davomiyligini belgilaydi. U quyidagi qiymatlarni qabul qilishi mumkin: "slow", "fast" yoki millisekundlar.
fadeTo() metodidagi majburiy opacity parametri elementni berilgan noshaffoflik darajasigacha (0 va 1 orasidagi qiymat) o‘zgartirishni belgilaydi.
Ixtiyoriy callback parametri — funksiya tugagandan keyin bajariladigan funksiya.
Quyidagi misol fadeTo() metodini turli parametrlar bilan namoyish etadi:
Misol
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
});
O‘zingiz sinab ko‘ring »
jQuery mashqlari
jQuery effektlari ma’lumotnomasi
Barcha jQuery effektlari haqida to‘liq ma’lumot uchun jQuery effektlari ma’lumotnomasiga o‘ting.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!