jQuery Effects - အရောင်မှိန်ခြင်း ။
jQuery ဖြင့် သင်မြင်နိုင်စွမ်းမရှိသော အရာများကို မှိန်သွားစေနိုင်သည်။
အဝင်/အထွက် အကန့်ကိုမှိန်ရန် နှိပ်ပါ။
အချိန်သည် အဖိုးတန်သောကြောင့် ကျွန်ုပ်တို့သည် လျင်မြန်လွယ်ကူသော သင်ယူမှုကို ပို့ချပေးပါသည်။
W3Schools တွင် သင်လေ့လာရန် လိုအပ်သမျှကို လက်လှမ်းမီပြီး အဆင်ပြေသောပုံစံဖြင့် လေ့လာနိုင်ပါသည်။
ဥပမာများ
jQuery fadeIn() နည်းလမ်းကို သရုပ်ပြသည်။
jQuery fadeOut() နည်းလမ်းကို ပြသသည်။
jQuery fadeToggle() နည်းလမ်းကို ပြသသည်။
jQuery fadeTo() နည်းလမ်းကို သရုပ်ပြသည်။
jQuery အရောင်မှိန်ခြင်းနည်းလမ်းများ
jQuery ဖြင့် သင်သည် ဒြပ်စင်တစ်ခုကို မြင်နိုင်စွမ်းမရှိသော အတွင်းနှင့် အပြင်ကို မှိန်သွားနိုင်သည်။
jQuery တွင် အောက်ဖော်ပြပါ မှိန်ဖျော့သောနည်းလမ်းများရှိသည်။
fadeIn()fadeOut()fadeToggle()fadeTo()
jQuery fadeIn() နည်းလမ်း
jQuery fadeIn()နည်းလမ်းကို လျှို့ဝှက်ဒြပ်စင်တစ်ခုတွင် မှိန်ရန်အသုံးပြုသည်။
အထားအသို-
$(selector).fadeIn(speed,callback);
ရွေးချယ်နိုင်သော အမြန်နှုန်း ကန့်သတ်ချက်သည် အကျိုးသက်ရောက်မှု၏ကြာချိန်ကို သတ်မှတ်ပေးသည်။ ၎င်းသည် အောက်ပါတန်ဖိုးများကို ယူနိုင်သည်- "နှေးကွေး", "မြန်", သို့မဟုတ် မီလီစက္ကန့်များ။
ရွေးချယ်နိုင်သော ဖုန်းခေါ်ဆိုမှု ကန့်သတ်ဘောင်သည် အရောင်မှိန်ခြင်း ပြီးဆုံးပြီးနောက် လုပ်ဆောင်ရမည့် လုပ်ဆောင်ချက်တစ်ခုဖြစ်သည်။
အောက်ဖော်ပြပါ ဥပမာ fadeIn()သည် မတူညီသော ကန့်သတ်ဘောင်များဖြင့် နည်းလမ်းကို သရုပ်ပြသည်-
ဥပမာ
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
jQuery fadeOut() နည်းလမ်း
မြင်သာသောဒြပ်စင်ကို ဖျက်ရန် jQuery fadeOut()နည်းလမ်းကိုအသုံးပြုသည်။
အထားအသို-
$(selector).fadeOut(speed,callback);
ရွေးချယ်နိုင်သော အမြန်နှုန်း ကန့်သတ်ချက်သည် အကျိုးသက်ရောက်မှု၏ကြာချိန်ကို သတ်မှတ်ပေးသည်။ ၎င်းသည် အောက်ပါတန်ဖိုးများကို ယူနိုင်သည်- "နှေးကွေး", "မြန်", သို့မဟုတ် မီလီစက္ကန့်များ။
ရွေးချယ်နိုင်သော ဖုန်းခေါ်ဆိုမှု ကန့်သတ်ဘောင်သည် အရောင်မှိန်ခြင်း ပြီးဆုံးပြီးနောက် လုပ်ဆောင်ရမည့် လုပ်ဆောင်ချက်တစ်ခုဖြစ်သည်။
အောက်ဖော်ပြပါ ဥပမာ fadeOut()သည် မတူညီသော ကန့်သတ်ဘောင်များဖြင့် နည်းလမ်းကို သရုပ်ပြသည်-
ဥပမာ
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
jQuery fadeToggle() နည်းလမ်း
jQuery fadeToggle()method သည် fadeIn()နှင့် fadeOut()
method များကြားတွင် ပြောင်းသွားသည် ။
ဒြပ်စင်များ မှေးမှိန်သွားလျှင် ပျက်သွား fadeToggle()လိမ့်မည်။
ဒြပ်စင်များ မှေးမှိန်သွားလျှင် fadeToggle()ကွယ်ပျောက်သွားလိမ့်မည်။
အထားအသို-
$(selector).fadeToggle(speed,callback);
ရွေးချယ်နိုင်သော အမြန်နှုန်း ကန့်သတ်ချက်သည် အကျိုးသက်ရောက်မှု၏ကြာချိန်ကို သတ်မှတ်ပေးသည်။ ၎င်းသည် အောက်ပါတန်ဖိုးများကို ယူနိုင်သည်- "နှေးကွေး", "မြန်", သို့မဟုတ် မီလီစက္ကန့်များ။
ရွေးချယ်နိုင်သော ဖုန်းခေါ်ဆိုမှု ကန့်သတ်ဘောင်သည် အရောင်မှိန်ခြင်း ပြီးဆုံးပြီးနောက် လုပ်ဆောင်ရမည့် လုပ်ဆောင်ချက်တစ်ခုဖြစ်သည်။
အောက်ဖော်ပြပါ ဥပမာ fadeToggle()သည် မတူညီသော ကန့်သတ်ဘောင်များဖြင့် နည်းလမ်းကို သရုပ်ပြသည်-
ဥပမာ
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});
jQuery fadeTo() နည်းလမ်း
jQuery fadeTo()နည်းလမ်းသည် ပေးထားသော opacity (0 နှင့် 1 ကြားတန်ဖိုး) ကို မှိန်သွားစေပါသည်။
အထားအသို-
$(selector).fadeTo(speed,opacity,callback);
လိုအပ်သော အမြန်နှုန်း ကန့်သတ်ချက်သည် အကျိုးသက်ရောက်မှု၏ ကြာချိန်ကို သတ်မှတ်သည်။ ၎င်းသည် အောက်ပါတန်ဖိုးများကို ယူနိုင်သည်- "နှေးကွေး", "မြန်", သို့မဟုတ် မီလီစက္ကန့်များ။
နည်းလမ်း ရှိ လိုအပ်သော အလင်းပိတ်မှု ကန့်သတ် fadeTo()ဘောင်သည် ပေးထားသော အလင်းပိတ်မှု (0 နှင့် 1 အကြား တန်ဖိုး) သို့ မှိန်သွားသည်ကို သတ်မှတ်သည်။
ရွေးချယ်နိုင်သော ဖုန်းခေါ်ဆိုမှု ကန့်သတ်ဘောင်သည် လုပ်ဆောင်ချက်ပြီးမြောက်ပြီးနောက် လုပ်ဆောင်ရမည့် လုပ်ဆောင်ချက်တစ်ခုဖြစ်သည်။
အောက်ဖော်ပြပါ ဥပမာ fadeTo()သည် မတူညီသော ကန့်သတ်ဘောင်များဖြင့် နည်းလမ်းကို သရုပ်ပြသည်-
ဥပမာ
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
});
jQuery လေ့ကျင့်ခန်းများ
jQuery Effects အကိုးအကား
jQuery အကျိုးသက်ရောက်မှုအားလုံး၏ ပြီးပြည့်စုံသောခြုံငုံသုံးသပ်ချက်အတွက်၊ ကျွန်ုပ်တို့၏ jQuery Effect ရည်ညွှန်း ချက်ကို ကျေးဇူးပြု၍ သွားပါ ။